:root {
  /* Color — extracted from the sanitized original logo (public/assets/clean/logo-header.png) via ImageMagick histogram */
  --ink: #1A1714;
  --cream: #FBF7F1;
  --gold: #C9A15E;
  --gold-pale: #ECD9A4;
  --charcoal-60: #5E5A54;
  --stone-30: #D9D3C8;
  --blush: #F3DEDD; /* footer background — sampled from user-provided reference screenshot (brand/visual authority per project brief) */
  --ink-on-gold: #FFFDF9;

  /* Type — updated per explicit request: Butler (commercial, unlicensed) substituted with Playfair Display (free equivalent); body set to Montserrat */
  --font-display: "Playfair Display", Arial, sans-serif;
  --font-body: "Montserrat", Arial, sans-serif;

  --fs-h1: clamp(2.25rem, 1.6rem + 2.5vw, 3.75rem);
  --fs-h2: clamp(1.75rem, 1.4rem + 1.5vw, 2.75rem);
  --fs-h3: clamp(1.25rem, 1.1rem + 0.6vw, 1.5rem);
  --fs-lead: clamp(1.125rem, 1rem + 0.5vw, 1.375rem);
  --fs-body: 1.0625rem;
  --fs-small: 0.9375rem;

  /* Spacing — 8px base unit */
  --space-1: 8px;
  --space-2: 16px;
  --space-3: 24px;
  --space-4: 32px;
  --space-5: 48px;
  --space-6: 64px;
  --space-7: 96px;
  --space-8: 128px;

  --radius: 4px;
  --shadow-header: 0 2px 12px rgba(26, 23, 20, 0.08);
  --shadow-hover: 0 4px 16px rgba(26, 23, 20, 0.12);
  --content-max: 1280px;
  --header-h: 128px;

  --duration-fast: 150ms;
  --duration-base: 250ms;
  --ease: cubic-bezier(0.4, 0, 0.2, 1);
}