/* ============================================================
   PitchMind — Typography tokens
   PitchMind intentionally ships NO custom webfont: both apps use the
   native system UI stack for instant load and OS-native feel on the
   touchline. Keep it that way unless brand evolves.
   ============================================================ */

:root {
  /* Families */
  --font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
               Helvetica, Arial, sans-serif, "Apple Color Emoji",
               "Segoe UI Emoji";
  --font-mono: ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas,
               "Liberation Mono", monospace;

  /* Type scale (rem, 16px base) */
  --text-2xs:  0.625rem;  /* 10px — version tags, micro-labels */
  --text-xs:   0.75rem;   /* 12px — meta, table headers, hints */
  --text-sm:   0.875rem;  /* 14px — body default in dense UI */
  --text-base: 1rem;      /* 16px — form inputs (avoids iOS zoom) */
  --text-lg:   1.125rem;  /* 18px — card / modal titles */
  --text-xl:   1.25rem;   /* 20px — header brand */
  --text-2xl:  1.5rem;    /* 24px — page titles */
  --text-3xl:  1.875rem;  /* 30px — match detail hero */
  --text-5xl:  3rem;      /* 48px — scoreboard numerals */

  /* Weights */
  --weight-normal:   400;
  --weight-medium:   500;
  --weight-semibold: 600;
  --weight-bold:     700;

  /* Line heights */
  --leading-tight:  1.15;
  --leading-snug:   1.3;
  --leading-normal: 1.5;

  /* Tracking */
  --tracking-tight: -0.01em;
  --tracking-wide:  0.04em;   /* uppercase section eyebrows */

  /* Numerals — scores, shirt numbers, timers are always tabular */
  --numeric-tabular: tabular-nums; /* @kind other */
}
