/* ============================================================
   DV GLOBAL — Typography tokens
   Gilroy throughout. Headings set in caps with positive tracking
   (the brandbook capitalises headings); body in sentence case.
   Numerals / dates use Gilroy Medium as "accent figures".
   ============================================================ */

:root {
  /* ---- Families ---- */
  --font-sans: "Gilroy", "Helvetica Neue LT", "Helvetica Neue", Arial, sans-serif;
  --font-display: "Gilroy", "Helvetica Neue LT", Arial, sans-serif; /* very large setting */
  --font-mono: "Gilroy", ui-monospace, "SF Mono", Menlo, monospace; /* figures still in Gilroy */

  /* ---- Weights (Gilroy) ---- */
  --fw-thin: 200;     /* @kind font */
  --fw-light: 300;    /* @kind font */
  --fw-regular: 400;  /* @kind font */
  --fw-medium: 500;   /* @kind font */ /* accent figures: numbers, dates, document IDs */
  --fw-semibold: 600; /* @kind font */ /* headings */
  --fw-bold: 700;     /* @kind font */
  --fw-extrabold: 800;/* @kind font */

  /* ---- Type scale (1.250 major-third, 16px base) ---- */
  --text-3xs: 11px;
  --text-2xs: 12px;
  --text-xs:  13px;
  --text-sm:  14px;
  --text-base:16px;
  --text-md:  18px;
  --text-lg:  20px;
  --text-xl:  25px;
  --text-2xl: 31px;
  --text-3xl: 39px;
  --text-4xl: 49px;
  --text-5xl: 61px;
  --text-6xl: 76px;
  --text-7xl: 95px;

  /* ---- Line heights ---- */
  --leading-none: 1;
  --leading-tight: 1.12;
  --leading-snug: 1.28;
  --leading-normal: 1.5;
  --leading-relaxed: 1.65;

  /* ---- Letter spacing ----
     Caps headings carry positive tracking; the wordmark / eyebrows
     run wide. Body is neutral. */
  --tracking-tighter: -0.02em;
  --tracking-tight: -0.01em;
  --tracking-normal: 0em;
  --tracking-wide: 0.04em;
  --tracking-wider: 0.12em;   /* eyebrows, the DV GLOBAL descriptor */
  --tracking-widest: 0.22em;  /* small caps labels */

  /* ---- Semantic roles ---- */
  --display-weight: var(--fw-light);     /* large display is set light, like the wordmark */
  --heading-weight: var(--fw-semibold);
  --eyebrow-weight: var(--fw-semibold);
  --body-weight: var(--fw-regular);
  --figure-weight: var(--fw-medium);
}