/* ============================================================
   Campos Salles — Typography tokens
   Display: Sora (geometric grotesque, bold campaign headers)
   Body:    Plus Jakarta Sans (friendly humanist sans)
   ============================================================ */
@import url('https://fonts.googleapis.com/css2?family=Sora:wght@400;500;600;700;800&family=Plus+Jakarta+Sans:ital,wght@0,400;0,500;0,600;0,700;0,800;1,400&display=swap');

:root {
  --font-display: 'Sora', 'Plus Jakarta Sans', system-ui, sans-serif;
  --font-body:    'Plus Jakarta Sans', system-ui, -apple-system, sans-serif;
  --font-mono:    ui-monospace, 'SF Mono', Menlo, Consolas, monospace;

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

  /* --- Type scale (px, fluid where useful) --- */
  --fs-display-2xl: clamp(3rem, 6vw, 5rem);
  --fs-display-xl:  clamp(2.5rem, 4.5vw, 3.75rem);
  --fs-display-lg:  2.75rem;
  --fs-h1:          2.25rem;
  --fs-h2:          1.75rem;
  --fs-h3:          1.375rem;
  --fs-h4:          1.125rem;
  --fs-lg:          1.125rem;
  --fs-base:        1rem;
  --fs-sm:          0.875rem;
  --fs-xs:          0.75rem;

  /* --- Line heights --- */
  --lh-tight:   1.05;
  --lh-snug:    1.2;
  --lh-normal:  1.5;
  --lh-relaxed: 1.7;

  /* --- Letter spacing --- */
  --ls-tight:  -0.03em;
  --ls-snug:   -0.01em;
  --ls-normal: 0;
  --ls-wide:   0.08em;
}