:root {
  --color-bg-base: #0b0909;
  --color-bg-panel: #131010;
  --color-bg-raised: #1b1515;
  --color-red: #c8102e;
  --color-red-bright: #e8304a;
  --color-red-deep: #4a0a13;
  --color-red-a12: rgba(200, 16, 46, 0.12);
  --color-red-a24: rgba(200, 16, 46, 0.24);
  --color-red-a45: rgba(200, 16, 46, 0.45);
  --color-white: #f6f2f1;
  --color-text-muted: #bdb2b0;
  --color-text-faint: #8d8381;
  --color-line: rgba(246, 242, 241, 0.12);
  --color-line-strong: rgba(246, 242, 241, 0.28);
  --font-heading: 'Cinzel', serif;
  --font-body: 'Inter', sans-serif;
  --fs-h1: 36px;
  --fs-h2: 28px;
  --fs-h3: 22px;
  --fs-h4: 18px;
  --fs-h5: 16px;
  --sidebar-w: 280px;
  --topbar-h: 72px;
  --gutter: clamp(16px, 3vw, 40px);
  --section-gap: clamp(24px, 4vw, 48px);
  --content-max: 1180px;
  --media-max: 1680px;

  --radius-sm: 4px;
  --radius-md: 8px;

  --z-bg: -1;
  --z-main: 1;
  --z-topbar: 20;
  --z-backdrop: 40;
  --z-sidebar: 50;
  --z-modal: 100;

  --container-glow: 0 10px 30px rgba(10, 2, 3, 0.6);
  --red-glow: 0 0 0 1px var(--color-red-a24), 0 12px 36px rgba(200, 16, 46, 0.18);
  --ease: cubic-bezier(0.22, 0.8, 0.24, 1);
  --dur-section: 700ms;
}