/* Cadran typography.
   Serif display: Gestura Text (editorial headlines & numerals).
   Grotesque UI: Die Grotesk A (body, labels).
   Technical detail: Die Grotesk B (footnotes, metadata, letterspaced captions).
   Type sizes transcribed from the source deck are non-round on purpose. */

:root {
  /* ---- Families ---- */
  --font-display: "Gestura Text", Georgia, "Times New Roman", serif;
  --font-sans:    "Die Grotesk A", -apple-system, "Segoe UI", Helvetica, Arial, sans-serif;
  --font-detail:  "Die Grotesk B", "Die Grotesk A", ui-monospace, Menlo, monospace;

  /* ---- Weights ---- */
  --fw-display-xlight: 200; /* @kind font */
  --fw-display-light:  300; /* @kind font */
  --fw-display:        400; /* @kind font */
  --fw-regular:        400; /* @kind font */
  --fw-bold:           700; /* @kind font */

  /* ---- Display scale (Gestura) ---- */
  --text-hero:      155px;   /* brand-board giant specimen */
  --text-display:   88px;    /* stat numerals / cover headline */
  --text-h1:        58px;    /* slide titles */
  --text-h2:        45px;
  --text-h3:        34px;

  /* ---- Body / UI scale (Die Grotesk A) ---- */
  --text-lg:        25px;
  --text-body:      23px;    /* deck body copy */
  --text-sm:        18.8px;  /* labels (Grotesk A Medium in source) */
  --text-xs:        15px;

  /* ---- Detail (Die Grotesk B) ---- */
  --text-footnote:  16px;    /* letterspaced technical footnotes */

  /* ---- Line heights ---- */
  --lh-tight:   0.96; /* @kind other */
  --lh-snug:    1.1; /* @kind other */
  --lh-body:    1.45; /* @kind other */

  /* ---- Tracking ---- */
  --tracking-display: -0.01em; /* @kind other */
  --tracking-body:     0em; /* @kind other */
  --tracking-label:    0.02em; /* @kind other */
  --tracking-detail:   0.04em; /* @kind other */
}
