/* Shared design tokens. Page-level overrides belong in page CSS. */

:root {
  --font-body: "Inter", sans-serif;
  --font-heading: "Cormorant Garamond", serif;
  --wood: #3D2B1A;
  --facade-bg: #25221c;
  --header-bg: rgba(37, 34, 28, .94);
  --header-border: rgba(129, 116, 91, .12);
  --stone: #c7b298;
  --stone-shadow: #8e7960;
  --bg: #2E2E2C;
  --surface: #1A1A18;
  --surface-soft: rgba(245, 240, 232, 0.06);
  --paper: #F5F0E8;
  --ink: #1A1A10;
  --gold: #C0A040;
  --brass: #D4A574;
  --red: #8B1A1A;
  --red-mid: #A32D2D;
  --green: #2E7D32;
  --muted: rgba(245, 240, 232, 0.68);
  --line: rgba(212, 165, 116, 0.22);
  --shadow: 0 24px 60px rgba(0, 0, 0, 0.28);
  --radius-xl: 28px;
  --radius-lg: 18px;
  --radius-md: 12px;
  --max: 1240px;
  --space-1: 8px;
  --space-2: 16px;
  --space-3: 24px;
  --space-4: 32px;
  --gutter: clamp(16px, 2.5vw, 32px);
  --section-space: clamp(40px, 5vw, 64px);
  --hero-space: clamp(40px, 4vw, 48px);
  --card-padding: clamp(24px, 2.5vw, 32px);
  --card-radius: 24px;
  --border-subtle: rgba(245, 240, 232, 0.08);
}