/* ==========================================================================
   tokens.css — Design tokens (single source of truth)
   Reproduced VERBATIM from BRIEF.md §3 (color), §4 (fonts + type scale),
   §5 (spacing/radius/shadow/max-widths). Components consume var(--token)
   only and never redefine a palette value.
   The ONLY addition beyond BRIEF is --c-focus-on-dark (PLAN §14.5 SF-6).
   ========================================================================== */

:root {
  /* --- BRIEF §3 · Color ------------------------------------------------- */

  /* Surfaces — warm parchment */
  --c-parchment:      #F6EEDC;  /* page background (lightened cream)   */
  --c-parchment-deep: #EFE3CB;  /* card / section alt background       */
  --c-parchment-line: #E3D4B5;  /* hairline borders, dividers          */

  /* Brick & terracotta (castle towers, roof) */
  --c-terracotta:     #B0542E;  /* primary warm accent, CTA fill       */
  --c-terracotta-dk:  #8E3F22;  /* CTA hover, strong accents           */
  --c-clay:           #C98A5E;  /* secondary warm, illustration tone   */

  /* Greens (foliage, vines, acanthus) */
  --c-sage:           #8B9B6E;  /* soft green accent                   */
  --c-olive:          #6B774A;  /* deeper foliage, secondary text tint */

  /* Ink — text */
  --c-burgundy:       #5E2129;  /* display script + headings (names)   */
  --c-sepia:          #4A2F1C;  /* body text                           */
  --c-sepia-soft:     #6E5238;  /* muted / supporting text             */

  /* Wildflower accents (use sparingly — chips, focus states, icons) */
  --c-dusty-pink:     #D58C8C;
  --c-mustard:        #D6A441;
  --c-lavender:       #9B8AB5;
  --c-coral:          #E08A6E;
  --c-grape:          #6E6094;

  /* Functional */
  --c-focus:          #8E3F22;  /* focus ring (terracotta-dk, AA on parchment) */
  --c-error:          #9B2D24;
  --c-success:        #5C7048;

  /* PLAN §14.5 SF-6 — focus ring colour for use on terracotta/dark fills.
     --c-parchment vs --c-terracotta gives >=3:1 ring contrast (SC 1.4.11). */
  --c-focus-on-dark:  var(--c-parchment);

  /* --- BRIEF §4 · Typography ------------------------------------------- */
  --font-script: "Great Vibes", "Apple Chancery", cursive;          /* hero names, signature accents ONLY */
  --font-serif:  "Cormorant Garamond", Georgia, serif;              /* headings, small-caps labels */
  --font-body:   "EB Garamond", Georgia, "Times New Roman", serif;  /* body copy, forms */

  /* Type scale (fluid, mobile-first, rem) */
  --step--1: clamp(0.83rem, 0.8rem + 0.2vw, 0.94rem);  /* small / captions   */
  --step-0:  clamp(1.00rem, 0.95rem + 0.3vw, 1.13rem); /* body               */
  --step-1:  clamp(1.25rem, 1.15rem + 0.6vw, 1.50rem); /* lead / sub-heading */
  --step-2:  clamp(1.60rem, 1.40rem + 1.2vw, 2.20rem); /* section heading    */
  --step-3:  clamp(2.10rem, 1.70rem + 2.4vw, 3.20rem); /* page heading       */
  --step-script: clamp(2.8rem, 2.1rem + 4vw, 4.8rem);  /* hero names (script) */

  /* --- BRIEF §5 · Spacing, radius, shadow, max-widths ------------------- */
  --space-2xs: 0.25rem; --space-xs: 0.5rem; --space-sm: 0.75rem;
  --space-md: 1rem;     --space-lg: 1.75rem; --space-xl: 3rem; --space-2xl: 5rem;
  --radius-sm: 4px; --radius-md: 8px; --radius-lg: 16px;  /* soft, not sharp */
  --shadow-soft: 0 6px 24px rgba(74, 47, 28, 0.10);       /* warm-tinted, low */
  --maxw-prose: 68ch; --maxw-content: 1100px;

  /* --- Derived chrome metrics (not palette values; layout only) --------- */
  --wf-header-h: 4.25rem;       /* sticky header height (expanded)         */
  --wf-header-h-condensed: 3.75rem;
}