/* Vytal typography tokens --------------------------------------------------
   Three families, each with a job:
     • PP Formula Condensed Black — bold impact headlines. UPPERCASE (Vytal CI),
       ~0.95 line-height, open letter tracking and wide word spacing for the
       premium, spacious feel on vytal.org. The loud voice.
     • PP Editorial New Ultralight — light serif headlines & sublines. Adds
       "smartness". Sentence case, airy line-height (~120%).
     • Inter — copy text (line-height ~1.54), UI labels, buttons.
   ------------------------------------------------------------------------ */

:root {
  /* Families */
  --font-display: "PP Formula Condensed", "Arial Narrow", sans-serif;
  --font-serif: "PP Editorial New", "Times New Roman", serif;
  --font-body: "Inter", system-ui, -apple-system, sans-serif;

  /* Weights */
  --fw-regular: 400; /* @kind font */
  --fw-medium: 500; /* @kind font */
  --fw-semibold: 600; /* @kind font */
  --fw-bold: 700; /* @kind font */
  --fw-black: 900; /* @kind font */

  /* ---- Display / headline scale (PP Formula Condensed) ---- */
  --type-display: 88px;     /* hero impact headline */
  --type-h1: 64px;
  --type-h2: 44px;
  --type-h3: 30px;
  --lh-display: 0.95;       /* @kind font */
  --ls-display: 0.04em;     /* premium open tracking for uppercase display */
  --ws-display: 0.22em;     /* wide word spacing — a Vytal CI signature */

  /* ---- Serif headline scale (PP Editorial New Ultralight) ---- */
  --type-serif-xl: 56px;
  --type-serif-lg: 38px;
  --type-serif-md: 26px;
  --lh-serif: 1.2; /* @kind font */
  --ls-serif: 0.005em;

  /* ---- Body scale (Inter) ---- */
  --type-body-lg: 19px;
  --type-body: 16px;
  --type-body-sm: 14px;
  --type-caption: 12px;
  --type-label: 13px;
  --type-button: 15px;
  --type-overline: 12px;
  --lh-body: 1.54;          /* @kind font */
  --lh-tight: 1.3; /* @kind font */
  --ls-overline: 0.16em;
  --ls-button: 0.02em;      /* guide: button tracking 20 */
}