/* ============================================================
   GVP — TYPOGRAPHY TOKENS
   Display / titles + subtitles: Anton (condensed heavy caps)
   UI / Body: Archivo
   Data / Mono: Space Mono
   ============================================================ */

:root {
  /* ---- Families ---- */
  --font-display: "Anton", "Arial Narrow", "Impact", system-ui, sans-serif;
  --font-sans:    "Archivo", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  --font-mono:    "Space Mono", ui-monospace, "SF Mono", Menlo, Consolas, monospace;

  /* ---- Weights (Archivo body; Anton is single-weight 400) ---- */
  --fw-regular:  400; /* @kind font */
  --fw-medium:   500; /* @kind font */
  --fw-semibold: 600; /* @kind font */
  --fw-bold:     700; /* @kind font */
  --fw-heavy:    800; /* @kind font */
  --fw-black:    900; /* @kind font */

  /* ---- Type scale ---- */
  --fs-eyebrow: 13px;  /* uppercase label, tracked */
  --fs-xs:   12px;
  --fs-sm:   14px;
  --fs-base: 16px;
  --fs-md:   18px;
  --fs-lg:   22px;
  --fs-xl:   28px;
  --fs-2xl:  36px;
  --fs-3xl:  48px;
  --fs-4xl:  64px;
  --fs-5xl:  92px;

  /* ---- Line heights ---- */
  --lh-tight:   1.0;   /* @kind font */
  --lh-snug:    1.15;  /* @kind font */
  --lh-normal:  1.5;   /* @kind font */
  --lh-relaxed: 1.65;  /* @kind font */

  /* ---- Letter spacing ---- */
  --ls-display: 0.01em;   /* @kind font */
  --ls-tight:   -0.005em; /* @kind font */
  --ls-normal:  0;        /* @kind font */
  --ls-eyebrow: 0.16em;   /* @kind font */
  --ls-wide:    0.22em;   /* @kind font */

  /* ---- Semantic text roles ---- */
  --text-display:  var(--fw-regular) var(--fs-4xl)/var(--lh-tight) var(--font-display);
  --text-h1:       var(--fw-regular) var(--fs-3xl)/var(--lh-tight) var(--font-display);
  --text-h2:       var(--fw-regular) var(--fs-2xl)/var(--lh-tight) var(--font-display);
  --text-h3:       var(--fw-bold) var(--fs-xl)/var(--lh-snug) var(--font-sans);
  --text-lead:     var(--fw-regular) var(--fs-md)/var(--lh-relaxed) var(--font-sans);
  --text-body-role:var(--fw-regular) var(--fs-base)/var(--lh-normal) var(--font-sans);
  --text-small:    var(--fw-regular) var(--fs-sm)/var(--lh-normal) var(--font-sans);
}