/* ============================================================
   TOUGE BATTLE — TYPOGRAPHY TOKENS
   The HUD is authored in CSP Lua using the Segoe UI family
   (Bold / SemiBold / Normal / Italic) at three sizes mapped to
   CSP's ui.Font.Small / Title / Huge.

   SUBSTITUTION: Segoe UI is a Windows system font and cannot be
   redistributed. For cross-platform rendering we load "Open Sans"
   (a close humanist-sans metric match) as the web fallback. On
   Windows the real Segoe UI is preferred automatically.
   Fonts are self-hosted — see fonts.css (no external requests).
   ============================================================ */

:root {
  /* ---- Families ---- */
  /* Real brand font first; Open Sans is the loaded web substitute. */
  --font-sans: "Segoe UI", "Open Sans", system-ui, -apple-system, "Helvetica Neue", sans-serif;
  /* Telemetry numerals (times, gaps, ELO). Monospace tabular figures keep
     fast-changing readouts from jittering — a sim-racing HUD convention. */
  --font-mono: "Chivo Mono", "Cascadia Mono", ui-monospace, "SF Mono", monospace;

  /* ---- Weights (mirror Segoe UI Normal/SemiBold/Bold) ---- */
  --weight-normal: 400;
  --weight-semibold: 600;
  --weight-bold: 700;

  /* ---- Type scale ---- */
  /* HUD readouts are compact. ui.Font.Small ≈ 13, Title ≈ 18, Huge ≈ 34. */
  --text-meta:    11px;  /* PI tags, sector labels, fine print */
  --text-small:   13px;  /* ui.Font.Small — body copy, list meta */
  --text-body:    15px;  /* default panel text */
  --text-title:   18px;  /* ui.Font.Title — panel headers, labels */
  --text-lg:      24px;  /* sub-headlines */
  --text-huge:    34px;  /* ui.Font.Huge — result banners, big telemetry */
  --text-display: 54px;  /* full-screen win/lose, countdown */

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

  /* ---- Letter spacing ---- */
  /* HUD labels are UPPERCASE with light tracking for that telemetry feel. */
  --tracking-label:  0.08em;
  --tracking-wide:   0.14em;
  --tracking-normal: 0;

  /* ---- Semantic roles ---- */
  --font-heading: var(--weight-bold) var(--text-title)/var(--leading-tight) var(--font-sans);
  --font-readout: var(--weight-bold) var(--text-huge)/var(--leading-tight) var(--font-mono);
}

/* Utility: the recurring "HUD label" treatment — uppercase, tracked, dim. */
.touge-label {
  font-family: var(--font-sans);
  font-weight: var(--weight-bold);
  font-size: var(--text-small);
  letter-spacing: var(--tracking-label);
  text-transform: uppercase;
  color: var(--text-subtle);
}