/* Bela Martins — TYPOGRAPHY. Three voices: drama, clarity, precision.
   Display = headlines/numerals/quotes (always 400 — scale makes the drama).
   Sans   = reading: body, leads, subtitles, CTAs, pill text.
   Mono   = the data voice: counter, handle, eyebrow, date, metadata.
   A fourth voice breaks the system. Sizes are for the 1080x1440 canvas
   (pt == px in a 1080-wide export). */

:root {
  /* ---- Families ---- */
  --display: "DM Serif Display", "Gloock", serif;   /* @kind font */ /* Gloock only substitutes where there is NO italic */
  --sans: "Inter", "Instrument Sans", system-ui, sans-serif;  /* @kind font */
  --mono: "IBM Plex Mono", "JetBrains Mono", "Space Mono", monospace;  /* @kind font */

  /* ---- Weights (hard rules: display never bold; sans 400/500/600) ---- */
  --w-display: 400;      /* @kind font */
  --w-body: 400;         /* @kind font */
  --w-lead: 500;         /* @kind font */
  --w-strong: 600;       /* @kind font */
  --w-mono: 400;         /* @kind font */
  --w-mono-label: 500;   /* @kind font */

  /* ---- Type scale @ 1080x1440 ---- */
  --fs-cover: 75px;     /* cover title — display 400, 72–78pt */
  --fs-numeral: 108px;  /* giant numeral — display 400, 96–120pt */
  --fs-title: 40px;     /* slide title — display 400, 36–44pt */
  --fs-quote: 50px;     /* editorial quote — display 400, 44–56pt */
  --fs-lead: 17px;      /* subtitle / lead — sans 500, 16–18pt */
  --fs-body: 15px;      /* body / strong — sans 400/600, 14–16pt */
  --fs-pill: 13px;      /* pill text — sans 500, 12–13pt */
  --fs-eyebrow: 12px;   /* eyebrow / label — mono 500 caps, 11–12pt */
  --fs-meta: 12px;      /* top bar / counter — mono 400, 11–12pt */

  /* ---- Line-heights ---- */
  --lh-display: 1.04;   /* @kind font */ /* tight — headlines break by sense, not width */
  --lh-body: 1.5;       /* @kind font */
  --lh-lead: 1.45;      /* @kind font */

  /* ---- Tracking ---- */
  --tracking-eyebrow: 0.08em;   /* @kind font */ /* +8% on mono caps labels */
  --tracking-display: -0.01em;  /* @kind font */ /* faint negative on large display */
  --tracking-mono: 0.02em;      /* @kind font */
}
