/* ============================================================
   Nativ — Typography tokens
   Display: Bricolage Grotesque (tight, technical, confident)
   Body:    native system stack (calm, neutral)
   Mono:    JetBrains Mono → system mono (code, brand wordmark, kickers)
   ============================================================ */

:root {
  /* ---- Families ---- */
  --display: "Bricolage Grotesque", system-ui, sans-serif; /* @kind font */
  --body:    system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif; /* @kind font */
  --mono:    "JetBrains Mono", ui-monospace, "Cascadia Code", "SF Mono", SFMono-Regular, Menlo, Consolas, monospace; /* @kind font */

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

  /* ---- Display scale (Bricolage Grotesque) ---- */
  --fs-hero:    clamp(42px, 6.2vw, 72px);  /* @kind font */
  --fs-display: clamp(34px, 4.6vw, 54px);  /* @kind font */
  --fs-h2:      clamp(28px, 3.6vw, 42px);  /* @kind font */
  --fs-h3:      19px;                       /* card / feature head */
  --lh-display: 1.05; /* @kind other */
  --ls-display: -.025em;                    /* @kind other */

  /* ---- Body scale ---- */
  --fs-lead:    18px;    /* hero / section sub  */
  --fs-body:    16px;    /* default             */
  --fs-prose:   15.5px;  /* doc prose           */
  --fs-sm:      14px;    /* secondary           */
  --fs-xs:      12.5px;  /* captions            */
  --lh-body:    1.6; /* @kind other */

  /* ---- Mono scale ---- */
  --fs-code:    13px;    /* code panels         */
  --fs-mono-sm: 12.5px;  /* inline code / chips */
  --fs-kicker:  12.5px;  /* // section kickers  */
  --ls-kicker:  .1em;    /* @kind other */
  --lh-code:    1.72; /* @kind other */
}