:root {
  /* ── Surface stack ── */
  --ink-900:      #111110;
  --ink-700:      #1a1a1a;
  --ink-600:      #252522;
  --ink-500:      #3a3a38;
  --surface-dark:  var(--ink-700);
  --surface-mid:   var(--ink-600);
  --surface-panel: var(--ink-500);
  --surface-card:  #454542;

  /* ── Accent ── */
  --gold-300: #ff8d54;
  --gold-400: #f85002;
  --gold-500: #d94700;

  /* ── Borders ── */
  --border-subtle: rgba(255, 255, 255, 0.08);
  --border-mid:    rgba(255, 255, 255, 0.14);
  --border-accent: rgba(248, 80, 2, 0.32);

  /* ── Text ── */
  --text-primary:   #f6f0e9;
  --text-secondary: #d0c7bc;
  --text-muted:     #968b80;

  /* ── Shadows ── */
  --shadow-gold: 0 0 24px rgba(248, 80, 2, 0.16);

  /* ── Typography ── */
  --font-body: 'Montserrat', system-ui, sans-serif;

  /* ── Spacing ── */
  --space-1:  0.25rem;
  --space-2:  0.5rem;
  --space-3:  0.75rem;
  --space-4:  1rem;
  --space-5:  1.25rem;
  --space-6:  1.5rem;
  --space-7:  1.75rem;
  --space-8:  2rem;
  --space-10: 2.5rem;
  --space-12: 3rem;
  --space-16: 4rem;
  --space-20: 5rem;
  --space-24: 6rem;
  --space-32: 8rem;

  /* ── Layout ── */
  --max-content: 1180px;
  --max-narrow:  700px;
  --max-wide:    1280px;
  --nav-height:  86px;

  /* ── Radii ── */
  --radius-sm:   12px;
  --radius-md:   18px;
  --radius-lg:   28px;
  --radius-xl:   38px;
  --radius-full: 9999px;

  /* ── Motion ── */
  --transition-fast: 140ms ease;
  --transition-mid:  260ms cubic-bezier(0.22, 1, 0.36, 1);
  --transition-slow: 420ms cubic-bezier(0.22, 1, 0.36, 1);
}