:root {
  /* --- Color --- */
  --color-bg: #FAF8F4;          /* warm paper white */
  --color-surface: #FFFFFF;
  --color-ink: #1C1A17;         /* near-black, warm */
  --color-ink-soft: #6B655C;    /* muted body text */
  --color-line: #E7E2D8;        /* hairline dividers */
  --color-accent: #A9793C;      /* brass / gold — editorial, not terracotta */
  --color-accent-deep: #7C5A2C;
  --color-accent-tint: #F3E9D8; /* pale brass wash */
  --color-verify: #1C1A17;

  /* --- Type --- */
  --font-display: 'Fraunces', 'Times New Roman', serif;
  --font-body: 'Inter', -apple-system, sans-serif;
  --font-mono: 'IBM Plex Mono', monospace;

  --fs-hero: clamp(2.6rem, 5vw + 1rem, 5rem);
  --fs-xl: clamp(1.6rem, 2.4vw, 2.4rem);
  --fs-lg: 1.35rem;
  --fs-md: 1rem;
  --fs-sm: 0.875rem;
  --fs-xs: 0.75rem;

  /* --- Space --- */
  --space-1: 0.5rem;
  --space-2: 1rem;
  --space-3: 1.5rem;
  --space-4: 2.5rem;
  --space-5: 4rem;
  --space-6: 7rem;

  /* --- Shape --- */
  --radius-sm: 4px;
  --radius-md: 10px;
  --shadow-card: 0 1px 2px rgba(28,26,23,0.04), 0 12px 28px rgba(28,26,23,0.06);
  --shadow-lift: 0 20px 50px rgba(28,26,23,0.14);

  --ease-out: cubic-bezier(.16,1,.3,1);
}

@media (prefers-color-scheme: dark) {
  /* Reserved: site intentionally stays light — legibility & "trustworthy" tone
     was a deliberate brief requirement, so we do not auto-invert. */
}