/* ============================================================
   Think Etnus — Design Tokens
   Valores extraídos do site original (Elementor) via CSS computado.
   ============================================================ */
:root{
  /* ---------- Cores ---------- */
  --black:#000;
  --green:#84ff00;                    /* accent: eyebrow, botão primário, "decodificado" */
  --cream:#f7f4f1;                    /* texto sobre fundo escuro */
  --cream-dim:rgba(238,233,226,.84);  /* texto secundário dos cards */
  --beige:#f2e8e1;                    /* fundo claro (seção "A maior população") */
  --beige-veil:rgba(242,232,225,.74); /* véu translúcido sobre a foto bg-016 */
  --terracotta:#b7643e;               /* banner "O resultado não é apenas…" */
  --terracotta-dark:#7a2e1f;          /* card "2 trilhões" */
  --pink:#cc3366;                     /* destaque "sua empresa" (itálico) */
  --line:rgba(247,244,241,.16);       /* bordas sutis dos cards */

  /* ---------- Tipografia ---------- */
  --f-hero:"Epilogue",system-ui,sans-serif;
  --f-serif:"Newsreader",Georgia,"Times New Roman",serif;
  --f-display:"Work Sans",system-ui,sans-serif;
  --f-body:"Manrope",system-ui,-apple-system,sans-serif;
  --f-mono:"IBM Plex Mono",ui-monospace,monospace;

  /* escala fluida — o máximo de cada clamp = tamanho desktop do original */
  --fs-hero-1:clamp(2.75rem, 1.1rem + 6.6vw, 5.375rem);  /* 86px */
  --fs-hero-2:clamp(3rem,   1.1rem + 7.0vw, 5.875rem);   /* 94px */
  --fs-display:clamp(2.35rem, 0.9rem + 5.4vw, 4.5rem);   /* 72px */
  --fs-stat:clamp(2.5rem,  1.9rem + 2.4vw, 3.5rem);      /* 56px */
  --fs-banner:clamp(1.9rem, 1.1rem + 2.9vw, 3rem);       /* 48px */
  --fs-poetic:clamp(1.6rem, 1.0rem + 2.2vw, 2.25rem);    /* 36px */
  --fs-card-title:1.5rem;                                /* 24px */
  --fs-foot-head:1.5rem;                                 /* 24px */
  --fs-body:1.0625rem;                                   /* 17px */
  --fs-eyebrow:.875rem;                                  /* 14px */

  /* ---------- Layout ---------- */
  --maxw:1600px;                          /* container externo full */
  --content:1024px;                       /* coluna de conteúdo */
  --narrow:732px;                         /* coluna de texto estreita */
  --radius:5px;
  --header-h:clamp(80px, 11.8vw, 176px);  /* header alto e respirado (original ~180px) */
  --logo-h:clamp(56px, 9.7vw, 144px);     /* logo grande no header (original 124×171) */
  --pad-x:clamp(1.25rem, 5vw, 6.25rem);   /* padding lateral (100px no desktop) */
  --section-y:clamp(3.5rem, 8vw, 7rem);   /* respiro vertical de seção */
}