/* ============================================================
   PESQUISA & DADOS — TYPOGRAPHY TOKENS
   Prompt = body & UI (rounded geometric grotesk).
   Oswald = condensed display for hero numbers, figure labels,
            section eyebrows. Use sparingly, always uppercase
            or tracked when small.
   ============================================================ */

:root {
  /* ---- Families ------------------------------------------- */
  --font-body:    "Prompt", system-ui, -apple-system, "Segoe UI", sans-serif;
  --font-display: "Oswald", "Prompt", system-ui, sans-serif;
  --font-mono:    ui-monospace, "SFMono-Regular", Menlo, Consolas, monospace;

  /* ---- Weights (Prompt utility weights from production) ---- */
  --fw-thin:      100;          /* @kind font */
  --fw-extralight:200;          /* @kind font */
  --fw-light:     300;          /* @kind font */
  --fw-regular:   400;          /* @kind font */
  --fw-medium:    500;   /* @kind font */ /* nav, labels, buttons */
  --fw-semibold:  600;   /* @kind font */ /* card headers */
  --fw-bold:      700;          /* @kind font */
  --fw-extrabold: 800;   /* @kind font */ /* page H1/H3 */
  --fw-black:     900;          /* @kind font */

  /* ---- Type scale (rem, 16px base) ------------------------ */
  --text-2xs:  0.75rem;   /* 12px — captions, figure refs */
  --text-xs:   0.8125rem; /* 13px */
  --text-sm:   0.875rem;  /* 14px — helper, table */
  --text-base: 1rem;      /* 16px — body */
  --text-md:   1.125rem;  /* 18px — lead paragraph */
  --text-lg:   1.25rem;   /* 20px — card title */
  --text-xl:   1.5rem;    /* 24px — h3 */
  --text-2xl:  1.75rem;   /* 28px — auth title */
  --text-3xl:  2rem;      /* 32px — section title */
  --text-4xl:  2.5rem;    /* 40px — page hero */
  --text-5xl:  3.25rem;   /* 52px — deck hero / stat */
  --text-6xl:  4.5rem;    /* 72px — big stat figures */

  /* ---- Line heights --------------------------------------- */
  --leading-tight:   1.1;
  --leading-snug:    1.25;
  --leading-normal:  1.5;
  --leading-relaxed: 1.65;  /* justified analysis copy */

  /* ---- Letter spacing ------------------------------------- */
  --tracking-tight:  -0.5px;  /* large headings */
  --tracking-normal: 0;
  --tracking-wide:   0.5px;   /* buttons */
  --tracking-wider:  1px;     /* eyebrows, uppercase labels */
  --tracking-widest: 2px;     /* INSIGHTS PARA TODOS tagline */

  /* ---- Semantic roles ------------------------------------- */
  --type-display:  var(--fw-extrabold) var(--text-4xl)/var(--leading-tight) var(--font-display);
  --type-h1:       var(--fw-extrabold) var(--text-3xl)/var(--leading-snug) var(--font-body);
  --type-h2:       var(--fw-bold) var(--text-2xl)/var(--leading-snug) var(--font-body);
  --type-h3:       var(--fw-extrabold) var(--text-xl)/var(--leading-snug) var(--font-body);
  --type-card-title: var(--fw-semibold) var(--text-lg)/var(--leading-snug) var(--font-body);
  --type-lead:     var(--fw-regular) var(--text-md)/var(--leading-relaxed) var(--font-body);
  --type-body:     var(--fw-regular) var(--text-base)/var(--leading-relaxed) var(--font-body);
  --type-ui:       var(--fw-medium) var(--text-sm)/var(--leading-normal) var(--font-body);
  --type-caption:  var(--fw-regular) var(--text-2xs)/var(--leading-normal) var(--font-body);
  --type-eyebrow:  var(--fw-medium) var(--text-xs)/var(--leading-normal) var(--font-display);
}