:root {
  --bg-void: #09090b;
  --bg-obsidian: #111113;
  --bg-navy: #1a2332;
  --bg-navy-light: #212d42;

  --gold: #d4af37;
  --gold-light: #e5c158;
  --gold-dark: #b8860b;

  --text-primary: #fafafa;
  --text-secondary: #a1a1aa;
  --text-muted: #71717a;

  --border: #27272a;
  --border-navy: #2a3444;

  --success: #10b981;
  --error: #ef4444;
  --warning: #f59e0b;

  --font-heading: "Playfair Display", serif;
  --font-body: "Inter", -apple-system, blinkmacsystemfont, "Segoe UI", sans-serif;

  --container-max: 1200px;
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 24px;
  --space-6: 32px;
  --space-7: 48px;
  --space-8: 64px;
  --space-9: 80px;
  --space-10: 120px;

  --radius-sm: 4px;
  --radius-md: 8px;
  --radius-lg: 12px;
  --radius-xl: 16px;

  /* Shared top-layer layout contract */
  --header-offset-desktop: 92px;
  --header-offset-mobile: 76px;
  --reading-progress-height: 4px;
  --sticky-top-offset: calc(var(--header-offset-desktop) + var(--space-2));
  --anchor-scroll-offset: calc(var(--header-offset-desktop) + var(--space-5));
}

@media (max-width: 1000px) {
  :root {
    --sticky-top-offset: calc(var(--header-offset-mobile) + var(--space-2));
    --anchor-scroll-offset: calc(var(--header-offset-mobile) + var(--space-5));
  }
}