/* ==========================================================================
   Business Flow Group — Typography Tokens
   One family: Inter. Hierarchy comes from WEIGHT + TRACKING + SIZE, not from
   mixing typefaces. Light weights and generous tracking on display/eyebrow
   text echo the spaced-caps logo. Body stays at a comfortable, breathable
   measure — the brand is about easy-to-digest information.
   ========================================================================== */

:root {
  --font-sans: 'Inter', system-ui, -apple-system, 'Segoe UI', Helvetica, Arial, sans-serif;
  --font-display: var(--font-sans); /* display = Inter Light, wide tracking */
  --font-mono: 'SFMono-Regular', ui-monospace, Menlo, Consolas, monospace;

  /* ---- Weights ---- */
  --fw-light: 300;     /* @kind other */ /* signature brand weight — display & large text */
  --fw-regular: 400;   /* @kind other */
  --fw-medium: 500;    /* @kind other */ /* UI labels, emphasis */
  --fw-semibold: 600;  /* @kind other */ /* small caps eyebrows, buttons */
  --fw-bold: 700;      /* @kind other */ /* sparingly */

  /* ---- Type scale (rem, 1rem = 16px) ---- */
  --fs-display-xl: 5rem;     /* 80 — hero */
  --fs-display-lg: 3.5rem;   /* 56 */
  --fs-display-md: 2.75rem;  /* 44 */
  --fs-h1: 2.25rem;          /* 36 */
  --fs-h2: 1.75rem;          /* 28 */
  --fs-h3: 1.375rem;         /* 22 */
  --fs-h4: 1.125rem;         /* 18 */
  --fs-body-lg: 1.1875rem;   /* 19 — lead paragraphs */
  --fs-body: 1rem;           /* 16 */
  --fs-body-sm: 0.875rem;    /* 14 */
  --fs-caption: 0.8125rem;   /* 13 */
  --fs-eyebrow: 0.75rem;     /* 12 — spaced caps label */

  /* ---- Line heights ---- */
  --lh-tight: 1.08;    /* @kind other */ /* display */
  --lh-snug: 1.25;     /* @kind other */ /* headings */
  --lh-normal: 1.6;    /* @kind other */ /* body — breathable */
  --lh-relaxed: 1.75;  /* @kind other */ /* long-form */

  /* ---- Letter spacing ---- */
  --ls-eyebrow: 0.22em;   /* @kind other */ /* the spaced-caps brand signature */
  --ls-display: -0.01em;  /* @kind other */ /* slight tighten on big light text */
  --ls-heading: -0.005em; /* @kind other */
  --ls-normal: 0;         /* @kind other */
  --ls-wide: 0.04em;      /* @kind other */

  /* ---- Semantic roles ---- */
  --text-display: var(--fw-light) var(--fs-display-lg)/var(--lh-tight) var(--font-display); /* @kind other */
  --text-eyebrow-weight: var(--fw-semibold); /* @kind other */
}