:root {
  /* ── Colors ── */
  --color-bg:           #050d1a;
  --color-surface:      #0a1628;
  --color-surface-2:    #0e1f3a;
  --color-border:       #1a3050;
  --color-border-light: #243d60;
  --color-accent:       #00c8ff;
  --color-accent-dim:   rgba(0, 200, 255, 0.12);
  --color-accent-2:     #4d8fff;

  /* ── Text ── */
  --color-text:         #e2eff8;
  --color-text-muted:   #8ab8d4;
  --color-text-dim:     #4a7090;

  /* ── Spacing ── */
  --space-xs:  0.5rem;
  --space-sm:  1rem;
  --space-md:  1.5rem;
  --space-lg:  2rem;
  --space-xl:  3rem;
  --space-2xl: 5rem;
  --space-3xl: 8rem;

  /* ── Typography ── */
  --font-mono: 'Courier New', Courier, 'Lucida Console', monospace;
  --font-size-xs:   0.75rem;
  --font-size-sm:   0.875rem;
  --font-size-base: 1rem;
  --font-size-md:   1.125rem;
  --font-size-lg:   1.5rem;
  --font-size-xl:   2rem;
  --font-size-2xl:  3rem;
  --font-size-3xl:  4.5rem;

  /* ── Layout ── */
  --max-width:  1200px;
  --nav-height: 68px;
  --radius:     2px;

  /* ── Motion ── */
  --ease-fast:  150ms ease;
  --ease-base:  250ms ease;
  --ease-slow:  420ms ease;
}