/* ── Lifetime Coatings — Typography tokens ─────────────────────────────
   Three roles:
   • Display  → Monument Extended (brand wordmark face; big, wide, UPPERCASE)
   • Sans/UI  → Syne (body, labels, buttons, nav — the live-dashboard face)
   • Mono     → DM Mono (ALL numbers, metrics, tabular data, timestamps)
   Labels & nav are UPPERCASE with wide tracking. Numbers are always mono.
   ───────────────────────────────────────────────────────────────────── */

:root {
  /* ---- Families ---- */
  --font-display: 'Monument Extended', 'Syne', sans-serif;
  --font-sans:    'Syne', system-ui, -apple-system, sans-serif;
  --font-mono:    'DM Mono', 'SFMono-Regular', ui-monospace, monospace;
  --font-alt:     'Helvetica Now Text', 'Syne', sans-serif; /* heavy display alt */

  /* Back-compat aliases used in the live app */
  --font: var(--font-sans);
  --mono: var(--font-mono);

  /* ---- Type scale (px) ---- */
  --fs-display: 52px;  /* hero metric / big number */
  --fs-h1: 34px;
  --fs-h2: 26px;
  --fs-h3: 18px;
  --fs-body: 14px;
  --fs-sm: 13px;
  --fs-xs: 12px;
  --fs-2xs: 11px;
  --fs-3xs: 10px;
  --fs-micro: 9px;     /* eyebrow / unit labels */

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

  /* ---- Letter-spacing ---- */
  --ls-tight: -0.02em;   /* @kind font */
  --ls-normal: 0;        /* @kind font */
  --ls-label: 0.1em;     /* @kind font */
  --ls-eyebrow: 0.16em;  /* @kind font */
  --ls-wide: 0.22em;     /* @kind font */

  /* ---- Line-heights ---- */
  --lh-solid: 1;       /* @kind font */
  --lh-tight: 1.2;     /* @kind font */
  --lh-snug: 1.45;     /* @kind font */
  --lh-body: 1.6;      /* @kind font */

  /* ---- Semantic roles ---- */
  --label-transform: uppercase; /* @kind other */
}