/* ============================================================
   bhildOs — Typography tokens
   The brand uses the native system UI font stack (no webfont).
   This is intentional in the source (--bhild-font in globals.css):
   fast, familiar, no loading flash. Weights lean heavy (700-800)
   for headings; letter-spacing tightens on large display type.
   ============================================================ */

:root {
  --bhild-font: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
  --font-sans: var(--bhild-font);

  /* ---- Font sizes (px, matching source scale) ---- */
  --fs-eyebrow:   12.5px;  /* uppercase green label */
  --fs-caption:   11.5px;  /* fine print */
  --fs-small:     13.5px;  /* meta, card list items */
  --fs-body:      15px;    /* default body / buttons */
  --fs-lead:      19px;    /* sub-headline paragraph */
  --fs-h3:        17px;    /* card titles */
  --fs-h2-min:    25px;    /* section titles clamp floor */
  --fs-h2-max:    40px;    /* section titles clamp ceiling */
  --fs-h1-min:    32px;    /* hero clamp floor */
  --fs-h1-max:    56px;    /* hero clamp ceiling */
  --fs-stat:      42px;    /* big stat numerals */
  --fs-hero-stat: 54px;    /* ROI/result huge numerals */

  /* ---- Weights ---- */
  --fw-regular:   400;  /* @kind font */
  --fw-medium:    500;  /* @kind font */
  --fw-semibold:  600;  /* @kind font */
  --fw-bold:      700;  /* @kind font */
  --fw-heavy:     800;  /* @kind font */  /* eyebrows, headings, stats, pills */

  /* ---- Line heights ---- */
  --lh-tight:   1.15;   /* @kind font */  /* headings */
  --lh-snug:    1.35;   /* @kind font */
  --lh-normal:  1.5;    /* @kind font */
  --lh-relaxed: 1.6;    /* @kind font */  /* footer about text */

  /* ---- Letter spacing ---- */
  --ls-eyebrow:  0.14em;  /* @kind font */  /* uppercase labels */
  --ls-group:    0.12em;  /* @kind font */  /* sidebar group headers */
  --ls-heading: -0.01em;  /* @kind font */  /* section headings */
  --ls-display: -0.02em;  /* @kind font */  /* logo, big stats */

  /* ---- Semantic display clamps ---- */
  --type-h1: clamp(var(--fs-h1-min), 4.8vw, var(--fs-h1-max));
  --type-h2: clamp(var(--fs-h2-min), 3.3vw, var(--fs-h2-max));
}