/* NextOps Color Palette - Modern Tech Design */
:root {
  /* Primary Colors from Logo */
  --primary-blue: #4A90E2;
  --secondary-blue: #2E5BBA;
  --accent-cyan: #00D4FF;
  --accent-purple: #8B5CF6;
  --dark-blue: #1E3A8A;
  
  /* Neutral Colors */
  --black: #000000;
  --white: #FFFFFF;
  --gray-50: #F8FAFC;
  --gray-100: #F1F5F9;
  --gray-200: #E2E8F0;
  --gray-300: #CBD5E1;
  --gray-400: #94A3B8;
  --gray-500: #64748B;
  --gray-600: #475569;
  --gray-700: #334155;
  --gray-800: #1E293B;
  --gray-900: #0F172A;
  
  /* Gradient Colors */
  --gradient-primary: linear-gradient(135deg, var(--primary-blue) 0%, var(--secondary-blue) 100%);
  --gradient-accent: linear-gradient(135deg, var(--accent-cyan) 0%, var(--primary-blue) 50%, var(--accent-purple) 100%);
  --gradient-dark: linear-gradient(135deg, var(--dark-blue) 0%, var(--gray-900) 100%);
  
  /* Semantic Colors */
  --success: #10B981;
  --warning: #3B82F6;
  --error: #EF4444;
  --info: var(--accent-cyan);
  
  /* Shadow Colors */
  --shadow-primary: rgba(74, 144, 226, 0.25);
  --shadow-accent: rgba(0, 212, 255, 0.25);
  --shadow-dark: rgba(30, 58, 138, 0.15);
  --shadow-light: rgba(0, 0, 0, 0.1);
}

/* Modern Color Classes */
.bg-primary { background: var(--primary-blue) !important; }
.bg-secondary { background: var(--secondary-blue) !important; }
.bg-accent { background: var(--accent-cyan) !important; }
.bg-purple { background: var(--accent-purple) !important; }
.bg-dark { background: var(--dark-blue) !important; }
.bg-gradient-primary { background: var(--gradient-primary) !important; }
.bg-gradient-accent { background: var(--gradient-accent) !important; }
.bg-gradient-dark { background: var(--gradient-dark) !important; }

.text-primary { color: var(--primary-blue) !important; }
.text-secondary { color: var(--secondary-blue) !important; }
.text-accent { color: var(--accent-cyan) !important; }
.text-purple { color: var(--accent-purple) !important; }
.text-dark { color: var(--dark-blue) !important; }

.border-primary { border-color: var(--primary-blue) !important; }
.border-secondary { border-color: var(--secondary-blue) !important; }
.border-accent { border-color: var(--accent-cyan) !important; }

/* Modern Shadow Effects */
.shadow-primary { box-shadow: 0 10px 25px var(--shadow-primary); }
.shadow-accent { box-shadow: 0 10px 25px var(--shadow-accent); }
.shadow-dark { box-shadow: 0 10px 25px var(--shadow-dark); }
.shadow-glow { box-shadow: 0 0 20px var(--shadow-accent); }

/* Hover Effects */
.hover-glow:hover { 
  box-shadow: 0 0 30px var(--shadow-accent);
  transform: translateY(-2px);
  transition: all 0.3s ease;
}

.hover-scale:hover {
  transform: scale(1.05);
  transition: all 0.3s ease;
}