/* ============================================================
   Mi Optii — Typography tokens
   Source collateral (deck + one-pager) is set in Calibri — an
   Office default, not a web-licensed brand face. The system
   standardizes on Arial as the active face: the closest
   ubiquitous, web-safe neo-grotesque, via a system stack with
   no webfont download. Data/figures use tabular numerals.
   ============================================================ */

:root {
  /* ---- Families ------------------------------------------- */
  --font-sans: Arial, "Helvetica Neue", Helvetica, "Liberation Sans", system-ui, sans-serif;
  --font-mono: ui-monospace, "SF Mono", Menlo, Consolas, monospace;

  /* ---- Weights -------------------------------------------- */
  --fw-regular: 400;  /* @kind other */
  --fw-medium:  500;  /* @kind other */
  --fw-semibold:600;  /* @kind other */
  --fw-bold:    700;  /* @kind other */

  /* ---- Type scale (px / rem) ------------------------------ */
  --fs-display:  44px;   /* hero / big stat */
  --fs-h1:       32px;
  --fs-h2:       25px;
  --fs-h3:       20px;
  --fs-h4:       17px;
  --fs-body-lg:  16px;
  --fs-body:     14px;   /* app default */
  --fs-sm:       13px;
  --fs-xs:       12px;
  --fs-micro:    11px;   /* eyebrows, table meta */

  /* ---- Line heights --------------------------------------- */
  --lh-tight:   1.1;   /* @kind other */
  --lh-snug:    1.25;  /* @kind other */
  --lh-normal:  1.45;  /* @kind other */
  --lh-relaxed: 1.6;   /* @kind other */

  /* ---- Letter spacing ------------------------------------- */
  --ls-tight:   -0.02em;   /* large display @kind other */
  --ls-snug:    -0.01em;   /* @kind other */
  --ls-normal:  0;         /* @kind other */
  --ls-eyebrow:  0.14em;   /* uppercase eyebrows / section kickers @kind other */
  --ls-caps:     0.06em;   /* @kind other */

  /* ---- Semantic roles ------------------------------------- */
  --text-display-size: var(--fs-display);
  --text-display-weight: var(--fw-bold);
  --text-display-lh: var(--lh-tight);
  --text-display-ls: var(--ls-tight);

  --text-heading-weight: var(--fw-bold);
  --text-heading-lh: var(--lh-snug);

  --text-body-size: var(--fs-body);
  --text-body-lh: var(--lh-normal);

  --text-eyebrow-size: var(--fs-micro);
  --text-eyebrow-weight: var(--fw-bold);
  --text-eyebrow-ls: var(--ls-eyebrow);
}