/* ============================================================
   EHL — Master design tokens (single source of truth)
   Linked by index.html, careers.html, research.html.
   Edit a token here once and it propagates to every page.
   Page-specific LAYOUT stays in each page's inline <style>.
   ============================================================ */
:root {
  /* ── Palette ─────────────────────────────────────── */
  --bg: #0a0a0a;                       /* page background */
  --text: #e8e4df;                     /* primary text — warm off-white */
  --text-strong: #ffffff;              /* pure white — logo wordmark only */
  --text-2: rgba(232,228,223,0.86);    /* tier 2 — bullet leads / emphasis */
  --text-3: rgba(232,228,223,0.72);    /* tier 3 — body copy, card desc, hero lead */
  --text-4: rgba(232,228,223,0.68);    /* tier 4 — detail / bullet body */
  --text-faint: rgba(232,228,223,0.3); /* faint markers — bullet dashes, hairline meta */
  --muted: #6b6560;                    /* UI chrome — nav, back-link, footer, meta */
  --accent: #c4a882;                   /* primary gold */
  --accent-2: #d8c5ad;                 /* champagne secondary — sub-section titles */
  --accent-line: rgba(196,168,130,0.25);/* resting underline on accent links (hover → solid) */
  --manifesto-dim: rgba(200,195,185,0.5);/* static manifesto base tone */
  --rule: rgba(255,255,255,0.08);      /* hairline dividers / borders */

  /* ── Type scale (fluid) ──────────────────────────── */
  --fs-display: clamp(38px, 5vw, 78px);   /* hero display title */
  --fs-h1: clamp(32px, 4.4vw, 60px);      /* page / primary section headings */
  --fs-h2: clamp(27px, 3.4vw, 46px);      /* secondary headings */
  --fs-h3: clamp(22px, 2.3vw, 32px);      /* card / entry titles */
  --fs-lead: clamp(18px, 1.5vw, 23px);    /* lead / tagline */
  --fs-body-lg: clamp(16px, 1.2vw, 19px); /* prominent body, tabs */
  --fs-body: clamp(15px, 1.05vw, 17px);   /* default body, bullets */
  --fs-small: clamp(13px, 0.95vw, 15px);  /* captions, details */
  --fs-link: clamp(15px, 1.2vw, 19px);    /* accent action links */
  --fs-label: clamp(11px, 0.85vw, 13px);  /* mono eyebrows / labels */
  --fs-micro: clamp(9px, 0.7vw, 11px);    /* footer / legal */
  --fs-manifesto: clamp(18px, 1.8vw, 28px);/* bespoke manifesto display step */
  --fs-logo: clamp(18px, 1.4vw, 22px);    /* logo wordmark */
}