/* ============================================================
   VIVO — TYPOGRAPHY TOKENS
   Typeface: Vivo Type. Rules from the brand manual:
   - Bold: titles, call-outs, CTAs, in-body highlights, icon captions
   - Regular: body copy, buttons, descriptions
   - Light: large subtitles, secondary elements
   - Medium: free use for legibility/emphasis without breaking hierarchy
   - Line-height minimum = font size. Never alter tracking.
   ============================================================ */

:root {
  --font-family: "Vivo Type", "Segoe UI", system-ui, -apple-system, sans-serif;

  /* Weights */
  --fw-light: 300;   /* @kind font */
  --fw-regular: 400; /* @kind font */
  --fw-medium: 500;  /* @kind font */
  --fw-bold: 700;    /* @kind font */

  /* Type scale (rem, 16px base) */
  --fs-display: 3.5rem;   /* 56px — cover titles */
  --fs-h1: 2.5rem;        /* 40px */
  --fs-h2: 2rem;          /* 32px */
  --fs-h3: 1.5rem;        /* 24px */
  --fs-h4: 1.25rem;       /* 20px */
  --fs-body-lg: 1.125rem; /* 18px */
  --fs-body: 1rem;        /* 16px */
  --fs-sm: 0.875rem;      /* 14px */
  --fs-xs: 0.75rem;       /* 12px — labels */
  --fs-footnote: 10.5px;  /* 8pt at slide scale — footnotes and Fonte line */

  /* Line-heights (never below 1 = font body) */
  --lh-tight: 1.05;   /* @kind other */
  --lh-heading: 0.9; /* @kind other */ /* GPE slide headers use 0.9 */
  --lh-body: 1.45;    /* @kind other */

  /* Tracking — locked at 0 per brand manual (never expand/compress) */
  --tracking: 0;
}