/* ── Type ────────────────────────────────────────────────────────────────────
   Three variable families. Display type is set TIGHT and often condensed
   (wdth 82–90) so statements feel compressed and fast; body stays at wdth 100.
   Mono is used for anything a bridge crew would read off an instrument:
   coordinates, ETAs, speeds, IDs, labels. */
:root {
  --font-display:"Bricolage Grotesque","Helvetica Neue",system-ui,sans-serif;
  --font-sans:"Instrument Sans",system-ui,-apple-system,sans-serif;
  --font-mono:"JetBrains Mono",ui-monospace,"SF Mono",monospace;

  /* variable axis presets */
  --wdth-condensed:82; /* @kind font */
  --wdth-tight:90; /* @kind font */
  --wdth-normal:100; /* @kind font */
  --opsz-display:96; /* @kind font */
  --opsz-text:14; /* @kind font */

  /* fluid scale — clamp(min, fluid, max) */
  --text-hero:clamp(3.25rem,8.5vw,8.5rem);
  --text-d1:clamp(2.5rem,5.6vw,5rem);
  --text-d2:clamp(2rem,4vw,3.5rem);
  --text-d3:clamp(1.625rem,2.8vw,2.5rem);
  --text-h1:1.875rem;
  --text-h2:1.5rem;
  --text-h3:1.25rem;
  --text-h4:1.0625rem;
  --text-body-lg:1.125rem;
  --text-body:1rem;
  --text-body-sm:0.9375rem;
  --text-caption:0.8125rem;
  --text-micro:0.6875rem;

  --leading-hero:0.86; /* @kind font */
  --leading-display:0.94; /* @kind font */
  --leading-heading:1.12; /* @kind font */
  --leading-body:1.55; /* @kind font */
  --leading-relaxed:1.7; /* @kind font */

  --track-hero:-0.045em; /* @kind font */
  --track-display:-0.03em; /* @kind font */
  --track-heading:-0.015em; /* @kind font */
  --track-body:0em; /* @kind font */
  --track-label:0.14em; /* @kind font */
  --track-mono-label:0.09em; /* @kind font */

  --weight-light:300; /* @kind font */
  --weight-regular:400; /* @kind font */
  --weight-medium:500; /* @kind font */
  --weight-semibold:600; /* @kind font */
  --weight-bold:700; /* @kind font */
  --weight-black:800; /* @kind font */

  /* composed roles */
  --type-hero:var(--weight-black) var(--text-hero)/var(--leading-hero) var(--font-display);
  --type-display:var(--weight-bold) var(--text-d2)/var(--leading-display) var(--font-display);
  --type-heading:var(--weight-semibold) var(--text-h2)/var(--leading-heading) var(--font-display);
  --type-body:var(--weight-regular) var(--text-body)/var(--leading-body) var(--font-sans);
  --type-label:var(--weight-medium) var(--text-micro)/1.2 var(--font-mono);
}