/* ISD Standard Sites — type tokens. Each product has its own family; pick the one for the surface you build. */
:root{
  /* ---- Families ---- */
  --font-display:"Interface Corp","Hanken Grotesk","Calibri",system-ui,sans-serif;   /* Briefing Studio, documents */
  --font-body:"Interface Corp","Carlito","Calibri",system-ui,sans-serif;             /* Briefing Studio body */
  --font-sans:"Twemoji Country Flags","IBM Plex Sans",system-ui,-apple-system,"Segoe UI",Helvetica,Arial,sans-serif; /* Caversham */
  --font-mono:"Space Mono",ui-monospace,SFMono-Regular,Menlo,monospace;            /* Caversham labels */
  --font-humanist:"Source Sans 3",system-ui,-apple-system,"Segoe UI",Helvetica,Arial,sans-serif; /* MEL Toolkit */
  --font-serif:"Source Serif 4",Georgia,"Times New Roman",serif;                     /* MEL intros, quotes */
  --font-code:"JetBrains Mono","Consolas",ui-monospace,monospace;                    /* Studio kbd/code */

  /* ---- Caversham: the only three UI sizes ---- */
  --text-label:13px;   /* short uppercase or monospace labels */
  --text-ui:14px;      /* tables, controls, notes */
  --text-body:16px;    /* reading text */
  --title-size:clamp(26px,2.6vw,38px); /* plate titles */

  /* ---- Studio / document scale ---- */
  --fs-display:56px;--fs-h1:40px;--fs-h2:30px;--fs-h3:22px;--fs-h4:18px;--fs-body:16px;--fs-small:14px;--fs-caption:12px;
  --lh-tight:1.12; /* @kind other */
  --lh-snug:1.25; /* @kind other */
  --lh-normal:1.45; /* @kind other */
  --lh-loose:1.6; /* @kind other */
  --tracking-tight:-0.01em; /* @kind other */
  --tracking-caps:0.08em; /* @kind other */
  --tracking-eyebrow:0.16em; /* @kind other */
  --fw-regular:400; /* @kind font */
  --fw-medium:500; /* @kind font */
  --fw-semibold:600; /* @kind font */
  --fw-bold:700; /* @kind font */
  --fw-black:800; /* @kind font */

  /* ---- MEL Toolkit shorthand scale (font: size/line-height family) ---- */
  --t-display:48px/1.05 var(--font-humanist);
  --t-h1:34px/1.15 var(--font-humanist);
  --t-h2:24px/1.25 var(--font-humanist);
  --t-h3:18px/1.35 var(--font-humanist);
  --t-body:16px/1.55 var(--font-humanist);
  --t-body-sm:14px/1.5 var(--font-humanist);
  --t-caption:12px/1.4 var(--font-humanist);
  --t-eyebrow:11px/1.2 var(--font-humanist);
}
