/* ============================================================
   VIVO · TYPOGRAPHY TOKENS
   Roboto is the official Vivo digital typeface (Light/Regular/
   Medium/Bold). Headings use Roboto Slab as the web-safe stand-in
   for ITC Officina Serif (commercial, no web license).
   Tracking stays at 0; headings tighten slightly (-0.02em).
   ============================================================ */
:root {
  /* Families */
  --font-display: "Roboto Slab", Georgia, serif;   /* títulos */
  --font-sans: "Roboto", -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif; /* UI / corpo */
  --font-mono: "SFMono-Regular", Menlo, Consolas, monospace;

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

  /* Type scale (px) */
  --fs-display: 56px;   /* hero / display */
  --fs-h1: 40px;
  --fs-h2: 32px;
  --fs-h3: 24px;
  --fs-lg: 20px;
  --fs-body: 16px;
  --fs-sm: 14px;
  --fs-caption: 13px;
  --fs-label: 12px;     /* micro-rótulos · UPPERCASE · tracking .05em */

  /* Line heights */
  --lh-tight: 1.05;     /* @kind font */
  --lh-heading: 1.15;   /* @kind font */
  --lh-body: 1.5;       /* @kind font */
  --lh-relaxed: 1.55;   /* @kind font */

  /* Letter spacing */
  --ls-heading: -0.02em; /* @kind font */
  --ls-label: 0.05em;    /* @kind font */
  --ls-eyebrow: 0.12em;  /* @kind font */

  /* Semantic aliases */
  --text-h1-font: var(--font-display);
  --text-body-font: var(--font-sans);
}