/* ============================================================
   DIVERSITY ON BOARD v2 — design tokens
   Editorial restraint (after ICLE), warm off-white + ink, ONE gold accent,
   sage as the structural secondary. Kiona display + Aeonik body. Crisp geometry.
   Accent by background: deep sage on light, bright gold on dark/sage panels.
   No em-dashes or en-dashes anywhere in copy.
   ============================================================ */
:root{
  /* ground + ink (warm off-white, never pure white; near-black, never pure #000) */
  --paper:      #F6F4EE;   /* primary canvas, cleaner than v1 parchment */
  --paper-2:    #EFEBE1;   /* alternate light band */
  --ink:        #1A1916;   /* near-black warm ink, all primary text */
  --ink-2:      #56524A;   /* muted ink, AA on paper (~7:1) for secondary text */
  --line:       rgba(26,25,22,.14);   /* hairline rules / borders */
  --line-soft:  rgba(26,25,22,.07);
  --card:       #FBFAF5;   /* raised surface on paper */

  /* gold (pollen) — the single bright accent, ~5-10% coverage */
  --gold:       #E4B33D;
  --gold-deep:  #C9921F;
  --gold-tint:  #F6EBCF;   /* faint gold wash for tags / highlights */
  --gold-ink:   #6E5418;   /* gold-bronze, ONLY where a gold-family text must pass AA on light */

  /* clay (terracotta) — the warm bold accent, used sparingly: key numbers, one bold band, emphasis */
  --clay:       #C2603F;   /* warm terracotta, harmonizes with gold + sage on cream */
  --clay-deep:  #A14A2C;   /* deep clay band ground (cream text passes AA on it) */
  --clay-tint:  #F3E2D7;   /* faint clay wash for tags / highlights */
  --clay-ink:   #8A3A1F;   /* clay-family text that must pass AA on light */

  /* sage — the structural secondary: links, dark bands, footer, anchors */
  --sage:       #0A5C42;   /* AA on paper for links / accent text */
  --sage-deep:  #07412F;   /* dark sage band ground */
  --sage-bright:#3E9E7E;   /* sage accent ON dark grounds (AA on sage-deep) */
  --sage-tint:  #E3EDE8;   /* faint sage wash for tags */

  /* on-dark text (for ink + sage bands) */
  --on-dark:        #F6F4EE;
  --on-dark-soft:   rgba(246,244,238,.66);

  /* type */
  --display: "Kiona", "Arial Narrow", system-ui, sans-serif;  /* hero + section titles, UPPERCASE, tracked */
  --body:    "Aeonik", "Helvetica Neue", system-ui, -apple-system, sans-serif;

  /* fluid type scale (hero ceiling ~6rem per craft rules) */
  --t-eyebrow: clamp(.7rem, .66rem + .2vw, .8rem);
  --t-small:   clamp(.82rem, .8rem + .12vw, .9rem);
  --t-body:    clamp(1rem, .97rem + .18vw, 1.12rem);
  --t-lede:    clamp(1.18rem, 1.05rem + .55vw, 1.55rem);
  --t-h3:      clamp(1.3rem, 1.1rem + .9vw, 1.9rem);
  --t-h2:      clamp(1.9rem, 1.4rem + 2.2vw, 3.2rem);
  --t-h1:      clamp(2.6rem, 1.7rem + 4.4vw, 5.6rem);   /* <= ~90px */
  --t-ghost:   clamp(3.5rem, 2rem + 9vw, 11rem);        /* giant ghosted section headings */

  /* spacing (8pt, used large) */
  --s-1: .5rem; --s-2: 1rem; --s-3: 1.5rem; --s-4: 2.5rem;
  --s-5: 4rem;  --s-6: 6rem; --s-7: 8rem;   --s-8: 12rem;
  --gut: clamp(1.25rem, 5vw, 5.5rem);          /* page side gutter */
  --sect: clamp(4.5rem, 9vh, 9rem);            /* section vertical rhythm */
  --measure: 64ch;                              /* reading column cap */

  /* geometry — crisp, near-square */
  --r: 4px; --r-lg: 10px; --r-pill: 100px;
  --maxw: 1320px;
  --maxw-text: 720px;

  /* elevation — soft, sparing */
  --shadow: 0 1px 2px rgba(26,25,22,.04), 0 8px 30px -22px rgba(26,25,22,.25);
  --shadow-lift: 0 2px 6px rgba(26,25,22,.06), 0 22px 50px -28px rgba(26,25,22,.35);

  /* motion */
  --ease: cubic-bezier(.22,1,.36,1);          /* ease-out-quint-ish */
  --ease-in: cubic-bezier(.5,0,.75,0);
  --dur: .55s;
  --dur-fast: .25s;

  /* z-scale (semantic) */
  --z-base: 1; --z-raise: 10; --z-sticky: 100; --z-nav: 200;
  --z-backdrop: 900; --z-modal: 1000; --z-toast: 1100;
}