:root {
  /* Colors */
  --void: #0D0D0D;
  --black: #080808;
  --chalk: #F0EDE8;
  --chalk-dim: #B8B4AD;
  --chalk-ghost: #6B6760;
  --chalk-faint: #3A3835;
  --phosphor: #E8F4E8;
  --phosphor-glow: rgba(180, 255, 180, 0.10);
  --phosphor-border: rgba(180, 255, 180, 0.20);
  --gold: #C9A84C;
  --gold-dim: rgba(201, 168, 76, 0.15);
  --glass-border: rgba(240, 237, 232, 0.08);
  --glass-bg: rgba(240, 237, 232, 0.03);
  --red-dim: rgba(255, 80, 80, 0.15);
  --red: #FF5050;

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

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

  /* Layout */
  --container: 1280px;
  --container-narrow: 960px;
  --nav-height: 72px;
  --radius-sm: 4px;
  --radius-md: 8px;
  --radius-lg: 16px;

  /* Easing */
  --ease-out: cubic-bezier(0.22, 1, 0.36, 1);
  --ease-in-out: cubic-bezier(0.76, 0, 0.24, 1);

  /* Z-index */
  --z-base: 1;
  --z-overlay: 10;
  --z-nav: 100;
  --z-cursor: 9999;
}