/* Vambiant — Typography tokens
   Titles: Outfit (Google Fonts). Body: Helvetica Now (licensed) → system Helvetica
   stack substitute. See fonts.css and readme.md "Font substitution". */
:root {
  --font-display: "Outfit", "Helvetica Neue", Arial, sans-serif; /* @kind font */
  --font-body:    "Helvetica Neue", Helvetica, Arial, "Outfit", sans-serif; /* @kind font */
  --font-mono:    ui-monospace, "SF Mono", Menlo, Consolas, monospace; /* @kind font */

  /* Weights — brandbook uses Light / Regular / Medium (+ Bold for small headlines) */
  --fw-light:   300; /* @kind font */
  --fw-regular: 400; /* @kind font */
  --fw-medium:  500; /* @kind font */
  --fw-semibold:600; /* @kind font */
  --fw-bold:    700; /* @kind font */

  /* Type scale — Outfit for display, tuned for screen (brandbook print pt scaled up).
     Titles are set in Outfit, often UPPERCASE for sublines/sections per guidelines. */
  --fs-display: 60px; /* @kind font */
  --fs-h1:      44px; /* @kind font */
  --fs-h2:      32px; /* @kind font */
  --fs-h3:      24px; /* @kind font */
  --fs-h4:      19px; /* @kind font */
  --fs-subline: 14px; /* @kind font */
  --fs-lead:    20px; /* @kind font */
  --fs-body:    16px; /* @kind font */
  --fs-small:   14px; /* @kind font */
  --fs-caption: 12px; /* @kind font */

  /* Line heights (unitless) */
  --lh-display: 1.05; /* @kind font */
  --lh-h1:      1.08; /* @kind font */
  --lh-h2:      1.12; /* @kind font */
  --lh-h3:      1.2;  /* @kind font */
  --lh-h4:      1.25; /* @kind font */
  --lh-subline: 1.3;  /* @kind font */
  --lh-lead:    1.5;  /* @kind font */
  --lh-body:    1.6;  /* @kind font */
  --lh-small:   1.55; /* @kind font */
  --lh-caption: 1.5;  /* @kind font */

  /* Letter spacing */
  --ls-display: -0.02em;  /* @kind font */
  --ls-h1:      -0.015em; /* @kind font */
  --ls-h2:      -0.01em;  /* @kind font */
  --ls-h3:      -0.005em; /* @kind font */
  --ls-h4:      0;        /* @kind font */
  --ls-subline: 0.14em;   /* @kind font */
  --ls-caption: 0.02em;   /* @kind font */

  /* Semantic aliases */
  --title-eyebrow-transform: uppercase; /* @kind other */
}