:root {
  color-scheme: dark;
  --color-bg: #0c0d0e;
  --color-surface: #171819;
  --color-surface-raised: #202123;
  --color-text: #f3f0e9;
  --color-muted: #aaa69e;
  --color-line: rgba(243, 240, 233, 0.16);
  --color-line-strong: rgba(243, 240, 233, 0.34);
  --color-accent: #e95338;
  --color-accent-ink: #16110f;
  --font-display: "Arial Narrow", "Helvetica Neue", Arial, sans-serif;
  --font-body: "Helvetica Neue", Helvetica, Arial, sans-serif;
  --content-max: 1320px;
  --page-gutter: clamp(24px, 4vw, 64px);
  --header-height: 72px;
  --space-1: 8px;
  --space-2: 16px;
  --space-3: 24px;
  --space-4: 32px;
  --space-5: 48px;
  --space-6: 64px;
  --space-7: 96px;
  --space-8: 128px;
  --space-9: 160px;
  --radius-poster: 12px;
  --layer-header: 30;
  --layer-menu: 40;
  --layer-overlay: 50;
}