/* ============================================================
   BrockDev — Typography tokens
   The brand ships NO webfont, by design. It uses the native
   system-sans stack — clean, instant, native-rendered. BrockDev
   chrome leans a touch lighter (550–750); PitBox/PitBot push
   heavier (800–900) for the "broadcast graphics" look.
   Numbers are tabular wherever stats / money / standings live.
   ============================================================ */
:root {
  /* ───────── Families ───────── */
  --font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
               Helvetica, Arial, sans-serif;
  --font-display: var(--font-sans);   /* same stack, heavier settings */
  --font-mono: ui-monospace, SFMono-Regular, "SF Mono", Menlo,
               Consolas, "Liberation Mono", monospace;

  /* ───────── Weights ───────── */
  --fw-regular:  400; /* @kind font */
  --fw-medium:   550; /* @kind font */
  --fw-book:     600; /* @kind font */
  --fw-semibold: 650; /* @kind font */
  --fw-bold:     700; /* @kind font */
  --fw-heavy:    800; /* @kind font */
  --fw-black:    900; /* @kind font */

  /* ───────── Type scale (rem) ───────── */
  --fs-eyebrow:  .73rem;   /* uppercase section kicker */
  --fs-caption:  .76rem;
  --fs-small:    .85rem;
  --fs-body:     .95rem;
  --fs-body-lg:  1.06rem;
  --fs-h3:       1.18rem;
  --fs-h2:       1.7rem;
  --fs-h1:       2.2rem;
  --fs-display:  clamp(2.1rem, 5vw, 3.1rem); /* @kind font */

  /* ───────── Line heights ───────── */
  --lh-tight:    1.08; /* @kind font */
  --lh-snug:     1.18; /* @kind font */
  --lh-body:     1.65; /* @kind font */

  /* ───────── Letter spacing ───────── */
  --ls-display:  -.03em;   /* @kind font */
  --ls-tight:    -.02em;   /* @kind font */
  --ls-normal:   -.01em;   /* @kind font */
  --ls-eyebrow:  .15em;    /* @kind font */
  --ls-label:    .08em;    /* @kind font */

  /* ───────── Semantic weight aliases ───────── */
  --text-display-weight: var(--fw-black); /* @kind font */
  --text-heading-weight: var(--fw-heavy); /* @kind font */
  --text-eyebrow-weight: var(--fw-heavy); /* @kind font */
  --text-body-weight:    var(--fw-regular); /* @kind font */
}