/* ============================================================
   CHRISTI LOUCKS / brand tokens
   Generated from Brand/ART-DIRECTION.md (updated 2026-08-19).
   Sections 4 (color), 5 (type), 7 (layout).
   This file is the single source of truth for the values.
   ============================================================ */

:root{
  /* --- 4. Color. Cream 70 / ink 20 / chartreuse 5 / coral 5 --- */
  --cream:#F5ECDD;
  --ink:#1C1B18;
  --chartreuse:#A8B638;
  --coral:#F2765D;

  /* working tints. Neutrals only, never a pastel family of the accents. */
  --cream-deep:#EDE2D0;          /* card / band separation on cream */
  --ink-70:rgba(28,27,24,.70);   /* secondary copy */
  --ink-66:rgba(28,27,24,.66);   /* metadata. .55 measured 3.69:1 on cream, under AA */
  --ink-12:rgba(28,27,24,.12);   /* hairline rules */
  --cream-70:rgba(245,236,221,.70);
  --cream-55:rgba(245,236,221,.55); /* .45 measured 3.99:1 on ink, under AA */
  --cream-16:rgba(245,236,221,.16);

  /* --- 5. Type --- */
  --display:'League Gothic',Impact,'Haettenschweiler',sans-serif;
  --body:'Instrument Sans',system-ui,-apple-system,sans-serif;
  --mono:'Space Mono',ui-monospace,monospace;

  --t-hero:clamp(96px,11vw,176px);
  --t-section:clamp(52px,7.4vw,112px);
  --t-card:clamp(36px,4.4vw,72px);
  --t-quote:clamp(34px,4.2vw,68px);
  --t-lead:clamp(19px,1.6vw,26px);
  --t-body:clamp(17px,1.15vw,19px);
  --t-label:clamp(11px,.85vw,13px);

  --lh-display:.86;
  --lh-body:1.5;
  --tr-display:-.025em;
  --tr-label:.09em;

  /* --- 7. Layout. 8px unit --- */
  --u:8px;
  --s1:8px; --s2:16px; --s3:24px; --s4:40px; --s5:64px; --s6:96px; --s7:144px;
  --gut:clamp(20px,4.6vw,72px);
  --maxw:1440px;
  --sec:clamp(64px,10vw,160px);
  --radius:0px;
}