:root {
  /* ─── Brand Backgrounds ─────────────────────────────── */
  --color-navy:        #0A0F1E;
  --color-navy-mid:    #0D1424;
  --color-navy-light:  #111827;
  --color-navy-card:   #141C2E;
  --color-border:      #1E2D45;
  --color-border-subtle: rgba(255,255,255,0.06);

  /* ─── Brand Green (primary) ─────────────────────────── */
  --color-brand:         #16A34A;   /* primary CTA, links */
  --color-brand-mid:     #22C55E;   /* hover state */
  --color-brand-glow:    #4ADE80;   /* glow, bright highlights */
  --color-brand-bright:  #86EFAC;   /* lightest tint for text */
  --color-brand-dark:    #14532D;   /* deep shadow tint */

  /* ─── Alias → keeps all components working ──────────── */
  --color-blue:        var(--color-brand);
  --color-blue-mid:    var(--color-brand-mid);
  --color-blue-glow:   var(--color-brand-glow);
  --color-blue-bright: var(--color-brand-bright);

  /* ─── Secondary accents ─────────────────────────────── */
  --color-orange:      #F59E0B;
  --color-orange-dim:  rgba(245,158,11,0.15);
  --color-green:       #22C55E;
  --color-green-dim:   rgba(34,197,94,0.15);

  /* ─── Logo gradient ──────────────────────────────────── */
  --logo-gradient: linear-gradient(135deg, #4ADE80 0%, #22C55E 40%, #16A34A 70%, #14532D 100%);

  /* ─── Text ──────────────────────────────────────────── */
  --color-text-primary:   #F9FAFB;
  --color-text-secondary: #CBD5E1;
  --color-text-muted:     #64748B;
  --color-text-faint:     #334155;

  /* ─── Glassmorphism ─────────────────────────────────── */
  --glass-bg:       rgba(255,255,255,0.035);
  --glass-bg-hover: rgba(255,255,255,0.055);
  --glass-border:   rgba(255,255,255,0.07);
  --glass-blur:     blur(16px);
  --glass-blur-lg:  blur(24px);

  /* ─── Gradients ─────────────────────────────────────── */
  --gradient-hero:      radial-gradient(ellipse 80% 60% at 50% -10%, rgba(22,163,74,0.28) 0%, transparent 70%);
  --gradient-section:   linear-gradient(180deg, var(--color-navy) 0%, var(--color-navy-mid) 100%);
  --gradient-cta:       linear-gradient(135deg, #0D1424 0%, #091A14 40%, #0A1F10 100%);
  --gradient-card:      linear-gradient(135deg, rgba(22,163,74,0.08) 0%, rgba(34,197,94,0.04) 100%);
  --gradient-orange:    linear-gradient(135deg, rgba(245,158,11,0.12) 0%, rgba(245,158,11,0.04) 100%);
  --gradient-text:      linear-gradient(135deg, #F9FAFB 0%, #CBD5E1 100%);
  --gradient-text-blue: linear-gradient(135deg, #4ADE80 0%, #22C55E 100%);

  /* ─── Spacing ───────────────────────────────────────── */
  --space-xs:   4px;
  --space-sm:   8px;
  --space-md:   16px;
  --space-lg:   24px;
  --space-xl:   48px;
  --space-2xl:  80px;
  --space-3xl:  120px;
  --space-4xl:  160px;

  /* ─── Type Scale ────────────────────────────────────── */
  --text-xs:    0.70rem;
  --text-sm:    0.875rem;
  --text-base:  1rem;
  --text-lg:    1.125rem;
  --text-xl:    1.25rem;
  --text-2xl:   1.5rem;
  --text-3xl:   1.875rem;
  --text-4xl:   2.25rem;
  --text-5xl:   3rem;
  --text-6xl:   3.75rem;
  --text-7xl:   4.5rem;

  /* ─── Fonts ─────────────────────────────────────────── */
  --font-sans:  'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  --font-mono:  'JetBrains Mono', 'Fira Code', 'Cascadia Code', monospace;

  /* ─── Letter Spacing ────────────────────────────────── */
  --tracking-tight:  -0.03em;
  --tracking-normal: -0.01em;
  --tracking-wide:   0.08em;
  --tracking-wider:  0.12em;

  /* ─── Radius ────────────────────────────────────────── */
  --radius-xs:   4px;
  --radius-sm:   8px;
  --radius-md:   12px;
  --radius-lg:   16px;
  --radius-xl:   24px;
  --radius-2xl:  32px;
  --radius-full: 9999px;

  /* ─── Shadows & Glows ───────────────────────────────── */
  --shadow-sm:     0 2px 8px rgba(0,0,0,0.3);
  --shadow-card:   0 4px 32px rgba(0,0,0,0.5);
  --shadow-card-lg: 0 8px 64px rgba(0,0,0,0.6);
  --glow-blue-sm:  0 0 20px rgba(22,163,74,0.25);
  --glow-blue:     0 0 40px rgba(34,197,94,0.3);
  --glow-blue-lg:  0 0 80px rgba(74,222,128,0.35);
  --glow-orange:   0 0 40px rgba(245,158,11,0.25);
  --glow-green:    0 0 30px rgba(34,197,94,0.25);

  /* ─── Transitions ───────────────────────────────────── */
  --transition-fast:   150ms ease;
  --transition-base:   250ms ease;
  --transition-slow:   400ms ease;
  --transition-spring: 400ms cubic-bezier(0.34, 1.56, 0.64, 1);

  /* ─── Z-index ───────────────────────────────────────── */
  --z-nav:     100;
  --z-overlay: 200;
  --z-modal:   300;
}