:root {
  --bg-base:        #000000;
  --bg-surface:     #08090a;
  --bg-elevated:    #0f1011;
  --border-faint:   #1a1c1f;
  --border-default: #23252a;
  --text-primary:   #ffffff;
  --text-secondary: #8a8f98;
  --text-tertiary:  #52565e;
  --font-sans:      "Inter", -apple-system, BlinkMacSystemFont, sans-serif;
  --font-mono:      "JetBrains Mono", "Fira Code", monospace;
  --spacing-sm:  8px;
  --spacing-md:  12px;
  --spacing-lg:  16px;
  --spacing-xl:  24px;
  --spacing-2xl: 32px;
  --spacing-3xl: 48px;
  --spacing-4xl: 96px;
  --radius-sm:   4px;
  --radius-md:   6px;
  --radius-lg:   8px;
  --radius-xl:   12px;
  --radius-full: 9999px;
  --shadow-xl:   0 16px 64px rgba(0,0,0,0.80);
  --ease-out:    cubic-bezier(0.16, 1, 0.3, 1);
}