/* ============================================================
   Typography — Meu Marketing Contábil
   Display/headings: Poppins (geometric, echoes wordmark)
   Body/UI:          Plus Jakarta Sans (clean B2B legibility)
   ============================================================ */
:root {
  --font-display: "Poppins", "Segoe UI", system-ui, sans-serif;
  --font-body:    "Plus Jakarta Sans", "Segoe UI", system-ui, sans-serif;

  /* Weights */
  --fw-regular:  400; /* @kind other */
  --fw-medium:   500; /* @kind other */
  --fw-semibold: 600; /* @kind other */
  --fw-bold:     700; /* @kind other */
  --fw-extra:    800; /* @kind other */

  /* Type scale (rem, 16px base) — major-third-ish, tuned for B2B */
  --fs-display:  3.5rem;   /* 56px — hero */
  --fs-h1:       2.75rem;  /* 44px */
  --fs-h2:       2.125rem; /* 34px */
  --fs-h3:       1.625rem; /* 26px */
  --fs-h4:       1.25rem;  /* 20px */
  --fs-lead:     1.25rem;  /* 20px lead paragraph */
  --fs-body:     1rem;     /* 16px */
  --fs-sm:       0.875rem; /* 14px */
  --fs-xs:       0.75rem;  /* 12px — labels/eyebrows */

  /* Line heights */
  --lh-tight:   1.1; /* @kind other */
  --lh-snug:    1.25; /* @kind other */
  --lh-normal:  1.5; /* @kind other */
  --lh-relaxed: 1.65; /* @kind other */

  /* Letter spacing */
  --ls-tight:  -0.02em; /* @kind other */
  --ls-normal: 0; /* @kind other */
  --ls-wide:   0.04em; /* @kind other */
  --ls-eyebrow: 0.12em; /* @kind other */
}