/**
 * Nexus Arabia Theme - Color Variables
 * Colors: dark blue, medium blue, white, black, blue gradients
 */
:root {
  /* Primary palette */
  --nexus-dark-blue: #0a2540;
  --nexus-medium-blue: #0891b2;
  --nexus-blue-alt: #1e3a5f;
  --nexus-blue-dark: #0e7490;
  --nexus-blue-deep: #071c33;
  --nexus-cyan-light: #67e8f9;
  --nexus-white: #ffffff;
  --nexus-black: #000000;

  /* Slate tones for text */
  --nexus-slate: #1e293b;
  --nexus-slate-light: #334155;
  --nexus-slate-muted: #475569;

  /* Light backgrounds */
  --nexus-bg-light: #f8fafc;
  --nexus-bg-lighter: #f0f9ff;
  --nexus-bg-ice: #e0f2fe;
  --nexus-bg-slate: #f1f5f9;

  /* Gradients - blue only */
  --nexus-gradient-hero: linear-gradient(145deg, #0c2d4a 0%, var(--nexus-blue-alt) 40%, #0a2540 100%);
  --nexus-gradient-badge: linear-gradient(135deg, var(--nexus-medium-blue) 0%, var(--nexus-blue-dark) 100%);
  --nexus-gradient-dark: linear-gradient(180deg, var(--nexus-dark-blue) 0%, var(--nexus-blue-alt) 50%, var(--nexus-blue-deep) 100%);
  --nexus-gradient-dark-card: linear-gradient(145deg, #0d2e4d 0%, var(--nexus-blue-alt) 100%);
  --nexus-gradient-light: linear-gradient(180deg, #e8f4f8 0%, var(--nexus-white) 35%, #f4f8fb 100%);
  --nexus-gradient-light-alt: linear-gradient(165deg, #dbeafe 0%, var(--nexus-bg-ice) 40%, var(--nexus-white) 70%, #eef5f9 100%);
  --nexus-gradient-services-bg: linear-gradient(180deg, var(--nexus-white) 0%, #e0f2fe 25%, #f0f9ff 50%, var(--nexus-white) 100%);
  --nexus-gradient-stats-bg: linear-gradient(180deg, #f1f5f9 0%, #e2e8f0 100%);
  --nexus-gradient-why-bg: linear-gradient(180deg, #f8fafc 0%, #e8f4f8 50%, #f1f5f9 100%);
  --nexus-gradient-accent: linear-gradient(90deg, var(--nexus-medium-blue), var(--nexus-dark-blue));
  --nexus-gradient-accent-line: linear-gradient(90deg, transparent, var(--nexus-medium-blue), transparent);

  /* Card gradients - blue variations only */
  --nexus-card-bg-1: linear-gradient(135deg, var(--nexus-white) 0%, #e0f2fe 100%);
  --nexus-card-bg-2: linear-gradient(135deg, var(--nexus-white) 0%, #bae6fd 100%);
  --nexus-card-bg-3: linear-gradient(135deg, var(--nexus-white) 0%, #7dd3fc 100%);
  --nexus-card-bg-4: linear-gradient(135deg, var(--nexus-white) 0%, #38bdf8 100%);

  /* Alpha values for overlays */
  --nexus-teal-alpha-04: rgba(8, 145, 178, 0.04);
  --nexus-teal-alpha-06: rgba(8, 145, 178, 0.06);
  --nexus-teal-alpha-08: rgba(8, 145, 178, 0.08);
  --nexus-teal-alpha-10: rgba(8, 145, 178, 0.10);
  --nexus-teal-alpha-12: rgba(8, 145, 178, 0.12);
  --nexus-teal-alpha-15: rgba(8, 145, 178, 0.15);
  --nexus-teal-alpha-20: rgba(8, 145, 178, 0.20);
  --nexus-teal-alpha-25: rgba(8, 145, 178, 0.25);
  --nexus-teal-alpha-30: rgba(8, 145, 178, 0.30);
  --nexus-teal-alpha-35: rgba(8, 145, 178, 0.35);
  --nexus-teal-alpha-40: rgba(8, 145, 178, 0.40);
  --nexus-dark-alpha-04: rgba(10, 37, 64, 0.04);
  --nexus-dark-alpha-08: rgba(10, 37, 64, 0.08);
  --nexus-dark-alpha-15: rgba(10, 37, 64, 0.15);
  --nexus-dark-alpha-25: rgba(10, 37, 64, 0.25);
  --nexus-dark-alpha-30: rgba(10, 37, 64, 0.30);

  /* Shadows */
  --nexus-shadow-soft: 0 10px 40px rgba(10, 37, 64, 0.08);
  --nexus-shadow-card: 0 10px 40px rgba(10, 37, 64, 0.08), 0 0 0 1px rgba(8, 145, 178, 0.1);
  --nexus-shadow-card-alt: 0 10px 40px rgba(10, 37, 64, 0.08), 0 2px 12px rgba(8, 145, 178, 0.06);
  --nexus-shadow-dark: 0 15px 50px rgba(10, 37, 64, 0.25);
  --nexus-shadow-jv: 0 20px 60px rgba(10, 37, 64, 0.3);
  --nexus-shadow-badge: 0 4px 15px rgba(8, 145, 178, 0.3);
  --nexus-shadow-badge-alt: 0 4px 20px rgba(8, 145, 178, 0.3);
  --nexus-shadow-stats: 0 4px 20px rgba(8, 145, 178, 0.1);
  --nexus-shadow-hover: 0 8px 25px rgba(8, 145, 178, 0.15);
  --nexus-shadow-img: 0 25px 60px rgba(10, 37, 64, 0.15);
  --nexus-shadow-icon: 0 8px 24px rgba(8, 145, 178, 0.4);
}