/* G.Gale Venetian Plastering — design tokens, v2 (16 Sep 2026, evening).
   Built FROM his logo: the ground is the logo's own plaster, lifted to read on; the blue and the gold are the
   ribbon's, used the way the ribbon uses them (gold capitals on blue); the display capitals are Roman like the
   banner's. v1 kept his colours in traces and read as a different site — Jordon, 16 Sep. tools/contrast_check.py
   reads this file and refuses the build if any text/ground pair the components use is under AA. */

:root {
  /* ---- colour: the logo, measured by region (_research/logo-measure.json) --------------------------- */
  --plaster:        #F5F1EA;   /* [17 Sep, Jordon] the page ground: clean ivory. The sandy plaster was the OLD site's colour and Garryth rejected it; the logo's statement is navy and gold */
  --plaster-light:  #FBF8F3;   /* the alternate ground, one step lighter: type on the blue, the form, the Pair's frame */
  --plaster-bar:    #001F4D;   /* [17 Sep, Jordon] the header bar is the banner's navy: the logo on its own ground, gold nav */
  --taupe:          #8A745C;   /* the logo's plaster as it is: image frames, the hero scrim's tone; never a text ground */
  --ink:            #0F1A29;   /* text: the ribbon's shadow, desaturated — blue-black */
  --ink-soft:       #4A3F34;   /* captions, small print */
  --blue:           #00316E;   /* the ribbon: section bands, the primary button, eyebrows on plaster */
  --blue-deep:      #001F4D;   /* the ribbon's shadow: the footer */
  --gold:           #BB7F34;   /* the script's gold: rules, the link underline */
  --gold-caps:      #E7BC6D;   /* the banner capitals' gold: headings, capitals and buttons' text ON THE BLUE */
  --gold-light:     #F4DB99;   /* the gold highlight: a rule on blue */

  --rule-on-plaster: rgb(187 127 52 / 0.75);
  --rule-on-blue:    rgb(231 188 109 / 0.45);
  --field-border:    rgb(15 26 41 / 0.35);
  --scrim:           linear-gradient(to top, rgb(221 208 192 / 0.22) 0%, rgb(221 208 192 / 0.10) 50%, rgb(221 208 192 / 0) 100%);   /* 17 Sep, Jordon: the marble must read as marble, not as the page */

  /* ---- type: two families, related to the logo ------------------------------------------------------ */
  --font:      "EB Garamond", "Iowan Old Style", "Palatino Linotype", "Book Antiqua", Georgia, serif;   /* reading */
  --font-caps: "Cinzel", "Trajan Pro", "Cormorant SC", "EB Garamond", Georgia, serif;                   /* the banner's capitals */

  --t-eyebrow:   0.8125rem;  /* 13 → 14, Cinzel caps, tracked */
  --t-caption:   0.875rem;
  --t-body:      1.0625rem; /* 17 → 18 */
  --t-lede:      1.25rem;   /* 20 → 22 */
  --t-quote:     1.5rem;  /* 22 → 26 */
  --t-statement: 1.75rem;    /* 24 → 34, Cinzel caps: shorter lines than lowercase */
  --t-display:   2.5rem;      /* 36 → 56, EB Garamond */

  --lh-eyebrow: 1.2; --lh-caption: 1.45; --lh-body: 1.6; --lh-lede: 1.5; --lh-quote: 1.35; --lh-statement: 1.25; --lh-display: 1.08;
  --track-eyebrow: 0.18em; --track-caps: 0.06em; --track-display: 0;
  --measure: 62ch;

  /* ---- space ------------------------------------------------------------------------------------------ */
  --s1: 4px; --s2: 8px; --s3: 12px; --s4: 16px; --s5: 24px; --s6: 32px; --s7: 48px; --s8: 64px; --s9: 96px; --s10: 128px;
  --section-pad: 5rem;
  --gutter: 24px;
  --content: 1200px;
  --prose: 620px;
  --header-h: 88px;      /* a solid bar that carries his logo at 56 → 80 px */
  --logo-h:   60px;

  /* ---- shape ------------------------------------------------------------------------------------------ */
  --radius: 0; --rule-w: 1px; --control-h: 48px;

  /* ---- motion: the whole list -------------------------------------------------------------------------- */
  --ease: cubic-bezier(.25, 1, .5, 1); --dur: 200ms;

  /* ---- z-index scale ----------------------------------------------------------------------------------- */
  --z-header: 100; --z-menu: 200; --z-consent: 300;
}

@media (prefers-reduced-motion: reduce) { :root { --dur: 0ms; } }

/* [18 Sep 2026] clamp() is 2019+ (Chromium 79). In a custom property an unknown function poisons every rule that uses
   it, so Jordon's 2019 Huawei browser lost the type scale, the gutters and the header. Plain values above; the fluid
   ones only where clamp() is understood. */
@supports (width: clamp(1px, 2px, 3px)) {
  :root {
    --t-eyebrow: clamp(0.8125rem, 0.79rem + 0.10vw, 0.875rem);
    --t-body: clamp(1.0625rem, 1.04rem + 0.10vw, 1.125rem);
    --t-lede: clamp(1.25rem, 1.20rem + 0.19vw, 1.375rem);
    --t-quote: clamp(1.375rem, 1.28rem + 0.38vw, 1.625rem);
    --t-statement: clamp(1.5rem, 1.27rem + 0.95vw, 2.125rem);
    --t-display: clamp(2.25rem, 1.78rem + 1.9vw, 3.5rem);
    --section-pad: clamp(4rem, 9vw, 8rem);
    --gutter: clamp(24px, 8.33vw, 120px);
    --header-h: clamp(80px, 7.5vw, 108px);
    --logo-h: clamp(56px, 5.6vw, 80px);
  }
}