:root {
  /* Brand — deep navy + electric blue */
  --blue:        #0ea5e9;
  --blue-dark:   #0284c7;
  --blue-deep:   #0369a1;
  --blue-light:  #38bdf8;
  --blue-pale:   #e0f2fe;
  --blue-border: #bae6fd;
  --blue-glow:   rgba(14,165,233,0.20);

  /* Accent — purple for gradients */
  --purple:        #a855f7;
  --purple-light:  #c084fc;
  --purple-pale:   #f3e8ff;
  --purple-border: #d8b4fe;

  /* Neutrals */
  --white:       #FFFFFF;
  --off:         #F8FAFC;
  --surface:     #F1F5F9;
  --border:      #E2E8F0;
  --border-mid:  #CBD5E1;

  /* Ink — slate scale */
  --ink:         #0F172A;
  --ink-mid:     #1E293B;
  --ink-soft:    #334155;
  --ink-muted:   #475569;
  --ink-faint:   #94A3B8;
  --ink-ghost:   #CBD5E1;

  /* Dark sections */
  --dark-bg:     #0B1120;
  --dark-bg-alt: #0F172A;
  --dark-surface:#0F172A;
  --dark-border: #1E293B;
  --dark-ink:    #E2E8F0;
  --dark-muted:  #94A3B8;

  /* Status */
  --green:       #22C55E;
  --green-pale:  #F0FDF4;

  /* Type */
  --font-sans:   'DM Sans', system-ui, -apple-system, sans-serif;
  --font-mono:   'DM Mono', 'Courier New', monospace;

  /* Spacing */
  --space-1:  4px;
  --space-2:  8px;
  --space-3:  12px;
  --space-4:  16px;
  --space-5:  20px;
  --space-6:  24px;
  --space-8:  32px;
  --space-10: 40px;
  --space-12: 48px;
  --space-16: 64px;
  --space-20: 80px;
  --space-24: 96px;

  /* Radius */
  --r-sm:  8px;
  --r-md:  12px;
  --r-lg:  16px;
  --r-xl:  20px;
  --r-2xl: 28px;
  --r-full: 9999px;

  /* Shadows — deeper, more premium */
  --shadow-sm:  0 1px 4px rgba(0,0,0,0.06);
  --shadow-md:  0 4px 16px rgba(2,132,199,0.10);
  --shadow-lg:  0 12px 40px rgba(2,132,199,0.14);
  --shadow-xl:  0 24px 64px rgba(2,132,199,0.18);
  --shadow-card: 0 2px 8px rgba(0,0,0,0.05),
                 0 0 0 1px rgba(226,232,240,1);
  --shadow-glow: 0 0 40px rgba(14,165,233,0.12);

  /* Transitions */
  --ease:     cubic-bezier(0.4, 0, 0.2, 1);
  --ease-out: cubic-bezier(0, 0, 0.2, 1);
  --t-fast:   150ms;
  --t-base:   250ms;
  --t-slow:   400ms;

  /* Layout */
  --max-w: 1200px;
  --nav-h: 72px;
}