:root {
  color-scheme: dark;
  --color-bg: #15110b;
  --color-bg-soft: #1c160f;
  --color-bg-warm: #2a2116;
  --color-surface: #20180f;
  --color-surface-raised: #302417;
  --color-glass: rgba(21, 17, 11, 0.9);
  --color-ink: #f0dfbd;
  --color-ink-soft: #d9c49d;
  --color-ink-muted: #a88f69;
  --color-line: rgba(240, 223, 189, 0.18);
  --color-line-strong: rgba(161, 93, 47, 0.54);
  --color-gold: #c98b47;
  --color-brass: #a15d2f;
  --color-rust: #8f3f22;
  --color-success: #79bd8f;
  --color-error: #d66b61;

  --font-display: "League Gothic", "Arial Narrow", Impact, sans-serif;
  --font-body: "Manrope", "Helvetica Neue", Arial, sans-serif;

  --step-1: 4px;
  --step-2: 8px;
  --step-3: 16px;
  --step-4: 24px;
  --step-5: 32px;
  --step-6: 40px;
  --step-7: 48px;
  --step-8: 64px;
  --step-9: 80px;
  --step-10: 96px;
  --step-11: 120px;
  --step-12: 160px;

  --radius-button: 3px;
  --radius-input: 3px;
  --radius-card: 4px;
  --radius-feature: 4px;
  --radius-float: 4px;

  --shadow-1: 0 14px 38px rgba(0, 0, 0, 0.26);
  --shadow-2: 0 24px 64px rgba(0, 0, 0, 0.34);
  --shadow-3: 0 34px 96px rgba(0, 0, 0, 0.44);
  --shadow-glow: 0 0 80px rgba(161, 93, 47, 0.18);

  --container: min(1280px, calc(100vw - 48px));
  --container-wide: min(1440px, calc(100vw - 48px));
  --reading: 720px;

  --duration-hover: 180ms;
  --duration-fast: 250ms;
  --duration-card: 450ms;
  --duration-section: 600ms;
  --duration-hero: 900ms;
  --ease: cubic-bezier(0.22, 1, 0.36, 1);
}