/* ═══════════════════════════════════════════════════════════════
   DiPertin — Design Tokens Tipográficos (SITE)
   Fonte oficial: Manrope
   Única fonte de verdade para tipografia do site institucional.
   ═══════════════════════════════════════════════════════════════ */

:root {
  /* ── Família ──────────────────────────────────────────────── */
  --font-family-primary:
    "Manrope",
    system-ui,
    -apple-system,
    BlinkMacSystemFont,
    "Segoe UI",
    Roboto,
    Helvetica,
    Arial,
    sans-serif;

  /* Alias legado (compatibilidade) */
  --font: var(--font-family-primary);

  /* ── Escala de tamanho (fluida, desktop ≈ valor oficial) ───── */
  --font-display-xl: clamp(2.5rem, 4vw + 1.25rem, 4rem);       /* 40→64 */
  --font-display-lg: clamp(2.25rem, 3.5vw + 1rem, 3.5rem);     /* 36→56 */
  --font-h1: clamp(2rem, 3vw + 0.75rem, 3rem);                 /* 32→48 */
  --font-h2: clamp(1.75rem, 2.5vw + 0.75rem, 2.5rem);          /* 28→40 */
  --font-h3: clamp(1.5rem, 2vw + 0.5rem, 2rem);                /* 24→32 */
  --font-h4: clamp(1.25rem, 1.2vw + 0.6rem, 1.5rem);           /* 20→24 */
  --font-h5: clamp(1.125rem, 0.6vw + 0.75rem, 1.25rem);        /* 18→20 */

  --font-body-lg: clamp(1.0625rem, 0.35vw + 0.9rem, 1.125rem); /* 17→18 */
  --font-body: 1rem;                                          /* 16 */
  --font-body-sm: 0.875rem;                                   /* 14 */
  --font-caption: 0.75rem;                                    /* 12 — badges/labels */

  --font-button: 1rem;                                        /* 16 */
  --font-navbar: 1rem;                                        /* 16 */

  --font-card-title: clamp(1.25rem, 0.8vw + 0.9rem, 1.375rem); /* 20→22 */
  --font-card-description: 1rem;                              /* 16 */
  --font-footer-link: 0.9375rem;                              /* 15 */

  /* Aliases de escala antiga */
  --text-xs: var(--font-caption);
  --text-sm: var(--font-body-sm);
  --text-base: var(--font-body);
  --text-lg: var(--font-body-lg);

  /* ── Pesos ────────────────────────────────────────────────── */
  --font-weight-light: 300;
  --font-weight-regular: 400;
  --font-weight-medium: 500;
  --font-weight-semibold: 600;
  --font-weight-bold: 700;
  --font-weight-extrabold: 800;

  /* ── Line height ──────────────────────────────────────────── */
  --line-tight: 1.1;
  --line-normal: 1.5;
  --line-relaxed: 1.7;

  /* ── Letter spacing ───────────────────────────────────────── */
  --tracking-tight: -0.03em;
  --tracking-normal: 0;
  --tracking-wide: 0.04em;

  /* ── Espaçamento (múltiplos de 8 + 4) ──────────────────────── */
  --space-4: 4px;
  --space-8: 8px;
  --space-12: 12px;
  --space-16: 16px;
  --space-24: 24px;
  --space-32: 32px;
  --space-40: 40px;
  --space-48: 48px;
  --space-56: 56px;
  --space-64: 64px;
  --space-80: 80px;
  --space-96: 96px;
  --space-128: 128px;
}