:root {
  /* Palette */
  --bg:         #030112;
  --bg-dark:    #010009;
  --bg-card:    rgba(5,1,30,0.7);
  --magenta:    #FF2D95;
  --magenta-dim:#C4006E;
  --purple:     #7A1FB5;
  --lime:       #AAFF00;
  --lime-dim:   #77CC00;
  --amber:      #FFC233;
  --amber-bright:#FF8C00;
  --cyan:       #2EF0FF;
  --teal:       #00C8AA;
  --ocean-deep: #041020;
  --ocean-mid:  #0A2840;
  --ocean-surf: #0E4060;
  --white:      #F6F1E8;
  --muted:      #8B80A8;
  --border:     rgba(255,255,255,0.08);
  --glass:      rgba(5,1,30,0.55);
  --glass-border: rgba(255,255,255,0.1);

  /* Typography */
  --font-display: 'Inter', system-ui, sans-serif;
  --font-body:    'Inter', system-ui, sans-serif;
  --font-mono:    'JetBrains Mono', monospace;

  /* Spacing */
  --space-xs:  0.5rem;
  --space-sm:  1rem;
  --space-md:  2rem;
  --space-lg:  4rem;
  --space-xl:  8rem;

  /* Radius */
  --r-sm:  6px;
  --r-md:  12px;
  --r-lg:  24px;
  --r-pill:999px;

  /* Transitions */
  --ease: cubic-bezier(0.16, 1, 0.3, 1);
  --dur:  0.6s;
}