/* Slowmotion ADV — typography. ONE family: NEUE HAAS GROTESK, everywhere.
   Helvetica, then Archivo, are fallbacks only — see tokens/fonts.css.
   No second family, no mono, one width. Scale and weight do all the work. */
:root {
  /* Body, labels, fields, small sizes. The Adobe kit (nry3ynk) carries ONLY the Display cut,
     so text runs in the Display cut too — same family, brand face first, always.
     → When "neue-haas-grotesk-text" is added to the kit, put it at the front of this stack
       (one edit, nothing else changes) and text will pick up the proper Text cut. */
  --font-sans: "neue-haas-grotesk-display", "Neue Haas Grotesk Display Pro", "Neue Haas Grotesk Display",
    "Helvetica Neue", Helvetica, "Archivo", Arial, sans-serif;
  /* Display cut — headlines, section heads, stats, marquee. Kit name first: that is the one that loads. */
  --font-display: "neue-haas-grotesk-display", "Neue Haas Grotesk Display Pro", "Neue Haas Grotesk Display",
    "Helvetica Neue", Helvetica, "Archivo", Arial, sans-serif;
  /* Labels, indices and timecodes: same face, tracked out, tabular figures. */
  --font-label: var(--font-sans);
  /* Deprecated alias — the system has no monospace family. */
  --font-mono: var(--font-sans);

  /* Weights. The kit ships TWO: 500 roman and 700 bold. The tokens below keep their
     nominal values so the fallback stack still ladders correctly, but in Neue Haas Grotesk
     400 and 500 both render the 55 Roman, and 600–900 all render the 75 Bold. Design with
     two weights, not six. */
  --fw-regular: 400; /* @kind font */
  --fw-medium: 500; /* @kind font */
  --fw-semibold: 600; /* @kind font */
  --fw-bold: 700; /* @kind font */
  /* Display + headings weight — resolves to the 75 Bold in Neue Haas Grotesk. */
  --fw-extrabold: 800; /* @kind font */
  --fw-black: 900; /* @kind font */

  /* Width. ONE width: normal. No extended, no condensed — Helvetica has no width axis and
     the brand never stretches type. Scale and weight carry every bit of the emphasis. */
  --fwd-normal: 100%; /* @kind font */

  /* Size scale. Oversized top end is intentional: headlines are the artwork. */
  --fs-mega: 160px;
  --fs-display-1: 112px;
  --fs-display-2: 80px;
  --fs-h1: 56px;
  --fs-h2: 40px;
  --fs-h3: 28px;
  --fs-h4: 20px;
  --fs-body-lg: 18px;
  --fs-body: 16px;
  --fs-body-sm: 14px;
  --fs-caption: 12px;
  --fs-micro: 11px;

  /* Line heights */
  --lh-mega: 0.84; /* @kind font */
  --lh-display: 0.9; /* @kind font */
  --lh-heading: 1.05; /* @kind font */
  --lh-snug: 1.25; /* @kind font */
  --lh-body: 1.5; /* @kind font */
  --lh-relaxed: 1.62; /* @kind font */

  /* Tracking. Casing note: this system sets type in lowercase / sentence case.
     text-transform is never used — the only uppercase in the brand is inside the logo file. */
  /* Tracking */
  --tr-mega: -0.045em; /* @kind font */
  --tr-display: -0.032em; /* @kind font */
  --tr-heading: -0.02em; /* @kind font */
  --tr-body: -0.005em; /* @kind font */
  --tr-label: 0.08em; /* @kind font */
  --tr-label-wide: 0.26em; /* @kind font */
}