:root {
  /* Palette — locked, no other colors */
  --mod-black: #0A0A0A;
  --mod-surface: #141414;
  --mod-yellow: #FFD60A;
  --mod-white: #F5F5F5;
  --mod-gray-1: #888888;
  --mod-gray-2: #555555;
  --mod-gray-3: #2A2A2A;

  /* Spacing scale */
  --space-1: 4px;  --space-2: 8px;  --space-3: 16px; --space-4: 24px;
  --space-5: 40px; --space-6: 64px; --space-7: 96px; --space-8: 160px;

  /* Typography */
  --font-display: 'Archivo Black', system-ui, sans-serif;
  --font-body: 'Inter', system-ui, sans-serif;
  --font-mono: 'JetBrains Mono', ui-monospace, monospace;
  --fs-hero: clamp(2.5rem, 11vw, 9rem);
  --fs-h2: clamp(1.5rem, 5vw, 3rem);
  --fs-body: clamp(1rem, 2.5vw, 1.0625rem);
  --fs-mono: 0.6875rem;

  /* Layout */
  --radius: 0;
  --maxw: 1200px;
  --gutter: var(--space-3);

  /* Z-index scale */
  --z-nav: 50; --z-menu: 40; --z-cursor: 60;

  /* Motion */
  --ease: cubic-bezier(0.22, 1, 0.36, 1);
  --dur: 0.6s;
}