:root {
  --color-bg-base: #0d0a08;
  --color-bg-accent: #141110;
  --color-gold: #d4522f;
  --color-gold-soft: rgba(212, 82, 47, 0.55);
  --color-gold-a15: rgba(212, 82, 47, 0.15);
  --color-gold-a30: rgba(212, 82, 47, 0.3);
  --color-secondary: #3d140e;
  --color-scrollbar-thumb: #b8860b;
  --color-topbar-gold: #f2c14e;
  --color-text-on-dark: #fcf9f2;
  --color-text-muted: #d6d0c7;

  --font-heading: 'Cinzel', serif;
  --font-body: 'Inter', sans-serif;

  --fs-h1: 36px;
  --fs-h2: 28px;
  --fs-h3: 22px;
  --fs-h4: 18px;
  --fs-h5: 16px;

  --gap-outer: 24px;
  --gap-shell: 32px;
  --content-max-width: 1600px;
  --banner-width: 240px;
  --banner-height: 800px;

  --topbar-height: 64px;
  --border-thin: 2px;
  --radius-sm: 6px;
  --radius-md: 12px;

  --container-glow: 0 4px 16px rgba(0, 0, 0, 0.5);
}