/* TANGO — Typography tokens
 * Display = League Spartan (Futura/Bauhaus geometric). Body = Jost.
 * Wordmark and headlines are UPPERCASE, tight, blocky. Body is sentence case.
 */
:root {
  /* ---- Families -------------------------------------------------------- */
  --font-display: "League Spartan", "Futura", "Century Gothic", sans-serif;
  --font-body: "Jost", "Futura", "Helvetica Neue", Arial, sans-serif;
  --font-mono: "Jost", ui-monospace, monospace; /* labels/specs use body sans */

  /* ---- Display / wordmark scale (uppercase, heavy) --------------------- */
  --type-wordmark: 900;      /* @kind font */
  --type-display-weight: 800; /* @kind font */
  --type-heading-weight: 700; /* @kind font */

  /* Fluid display sizes */
  --fs-hero: clamp(4rem, 12vw, 11rem);       /* @kind font */
  --fs-display: clamp(2.75rem, 6vw, 5.5rem); /* @kind font */
  --fs-h1: clamp(2.25rem, 4vw, 3.5rem);      /* @kind font */
  --fs-h2: clamp(1.75rem, 3vw, 2.5rem);      /* @kind font */
  --fs-h3: 1.5rem;                            /* @kind font */
  --fs-h4: 1.25rem;                           /* @kind font */

  /* ---- Body scale ----------------------------------------------------- */
  --fs-lead: 1.375rem;   /* @kind font */
  --fs-body: 1.0625rem;  /* @kind font */
  --fs-small: 0.9375rem; /* @kind font */
  --fs-caption: 0.8125rem; /* @kind font */
  --fs-label: 0.75rem;   /* @kind font */

  /* ---- Line heights --------------------------------------------------- */
  --lh-tight: 0.92;   /* @kind font */
  --lh-display: 1.0;  /* @kind font */
  --lh-heading: 1.1;  /* @kind font */
  --lh-body: 1.55;    /* @kind font */
  --lh-relaxed: 1.7;  /* @kind font */

  /* ---- Letter spacing ------------------------------------------------- */
  --ls-wordmark: -0.01em;  /* @kind font */
  --ls-display: 0.005em;   /* @kind font */
  --ls-eyebrow: 0.22em;    /* @kind font */
  --ls-label: 0.16em;      /* @kind font */
  --ls-body: 0.005em;      /* @kind font */
}

/* ---- Utility type classes (optional convenience) ---------------------- */
.tango-eyebrow {
  font-family: var(--font-body);
  font-weight: 600;
  font-size: var(--fs-label);
  letter-spacing: var(--ls-eyebrow);
  text-transform: uppercase;
}
.tango-wordmark {
  font-family: var(--font-display);
  font-weight: var(--type-wordmark);
  text-transform: uppercase;
  letter-spacing: var(--ls-wordmark);
  line-height: var(--lh-tight);
}