/* ============================================================
   Doubleslash Studio — Typography tokens
   Heebo carries all display + headings (heavy, tight tracking).
   Titillium Web is the UI voice (labels, buttons, nav, kickers).
   Libre Franklin is the reading voice (body, leads, prose).
   ============================================================ */
:root {
  /* ---- Families -------------------------------------------- */
  --f-head: "Heebo", system-ui, sans-serif; /* @kind font */        /* display + headings */
  --f-ui: "Titillium Web", system-ui, sans-serif; /* @kind font */  /* labels, buttons, nav */
  --f-body: "Libre Franklin", system-ui, sans-serif; /* @kind font */ /* body copy */

  /* ---- Display / heading sizes (Heebo, weight 800) --------- */
  --fs-hero: 78px;        /* homepage hero              1.02 / -.03em */
  --fs-page-title: 66px;  /* interior page titles       1.04 / -.03em */
  --fs-banner: 46px;      /* dark banner titles         1.1  / -.02em */
  --fs-h2: 40px;          /* section headings           1.1  / -.02em */
  --fs-h3: 22px;          /* card headings (weight 700) */
  --fs-stat: 56px;        /* stat figures (gradient)    1 / -.03em */

  /* ---- Body sizes (Libre Franklin) ------------------------- */
  --fs-lead: 21px;        /* hero lead        line-height 1.62 */
  --fs-body: 17px;        /* default body     line-height 1.6  */
  --fs-body-sm: 16px;     /* card body        line-height 1.62 */
  --fs-note: 15px;        /* fine print / hints */

  /* ---- UI sizes (Titillium Web, weight 600) ---------------- */
  --fs-ui: 18px;          /* nav, links, list items */
  --fs-btn: 19px;         /* primary button */
  --fs-btn-sm: 18px;      /* small button */
  --fs-eyebrow: 15px;     /* eyebrow, uppercase .22em tracking */

  /* ---- Weights --------------------------------------------- */
  --fw-body: 400;         /* @kind font */
  --fw-medium: 500;       /* @kind font */
  --fw-ui: 600;           /* @kind font */
  --fw-bold: 700;         /* @kind font */
  --fw-head: 800;         /* @kind font */
  --fw-black: 900; /* @kind font */       /* oversized watermark // marks */

  /* ---- Tracking -------------------------------------------- */
  --track-display: -0.03em; /* @kind font */  /* hero / page titles */
  --track-head: -0.02em; /* @kind font */     /* section headings */
  --track-eyebrow: 0.22em; /* @kind font */   /* eyebrow labels */
  --track-kicker: 0.18em; /* @kind font */    /* kicker labels */
}