:root {
  /* Background */
  --clr-bg: #0b0a09;

  /* Accent */
  --clr-accent: #E9A23B;
  --clr-accent-light: #F6C24E;
  --clr-accent-glow: rgba(233, 162, 59, 0.16);
  --clr-accent-hover-bg: rgba(233, 162, 59, 0.04);

  /* Text */
  --clr-text-primary: #ECE7DE;
  --clr-text-secondary: #b8b2a6;
  --clr-text-muted: #9b958a;
  --clr-text-dim: #908a7e;
  --clr-text-faint: #7e786d;
  --clr-text-ghost: #5f5a50;

  /* Borders */
  --clr-border: rgba(236, 231, 222, 0.10);
  --clr-border-faint: rgba(236, 231, 222, 0.14);

  /* Eye */
  --clr-eye-iris-a: #F6C24E;
  --clr-eye-iris-b: #E9A23B;
  --clr-eye-iris-c: #b9781f;
  --clr-eye-iris-d: rgba(110, 69, 18, 0.59);
  --clr-eye-iris-e: #3a2607;

  /* Typography */
  --font-sans: 'Space Grotesk', -apple-system, BlinkMacSystemFont, sans-serif;
  --font-mono: 'JetBrains Mono', 'Courier New', monospace;

  /* Layout */
  --max-w: 1320px;
  --pad-x: clamp(20px, 5vw, 72px);

  /* Spacing */
  --space-xs: 6px;
  --space-sm: 12px;
  --space-md: 24px;
  --space-lg: 48px;
  --space-xl: 72px;
  --space-2xl: 130px;
}