/* Fontes da marca: Josefin Sans (títulos, manual §8.1) e Inter (textos longos, §8.2) — servidas via Google Fonts (arquivos .ttf não fornecidos) */
@import url('https://fonts.googleapis.com/css2?family=Josefin+Sans:wght@400;500;600;700&family=Inter:wght@400;500;600;700&display=swap');

:root{
/* Paleta oficial — Manual de Marca ECW §7.1 */
--verde-profundo:#183028;
--verde-folha:#395542;
--amarelo-ambar:#F0B323;
--branco-ecw:#F4F1E8; /* branco quente usado nas versões BRANCA da logo */
--branco-puro:#FFFFFF;
/* Derivados (oklch, harmonizados com a paleta) */
--verde-profundo-80:oklch(0.32 0.04 170);
--verde-tint:oklch(0.96 0.01 150); /* superfície verde bem clara */
--ambar-hover:oklch(0.72 0.14 80); /* âmbar escurecido p/ hover */
--ambar-tint:oklch(0.95 0.05 90);
--cinza-verde:oklch(0.45 0.02 165); /* texto secundário */
--linha:oklch(0.9 0.01 120); /* bordas sutis */
/* Semânticos */
--surface-page:var(--branco-puro);
--surface-soft:var(--branco-ecw);
--surface-dark:var(--verde-profundo);
--surface-card:var(--branco-puro);
--text-heading:var(--verde-profundo);
--text-body:#2A3A34;
--text-muted:var(--cinza-verde);
--text-on-dark:var(--branco-ecw);
--accent:var(--amarelo-ambar);
--accent-hover:var(--ambar-hover);
--border-subtle:var(--linha);
--focus-ring:var(--amarelo-ambar);
--link:var(--verde-folha);
--link-hover:var(--verde-profundo);
--whatsapp:#25D366;
}

:root{
--font-display:'Josefin Sans',sans-serif; /* títulos e destaques — Bold, caixa alta sempre que possível */
--font-body:'Inter',sans-serif; /* textos longos */
--display-weight:700;
--display-case:uppercase; /* @kind other */
--display-tracking:0.05em;
--eyebrow-tracking:0.18em;
--fs-hero:clamp(40px,5vw,64px); /* @kind font */
--fs-h1:44px;
--fs-h2:32px;
--fs-h3:22px;
--fs-body-lg:18px;
--fs-body:16px;
--fs-small:14px;
--fs-micro:12px;
--lh-display:1.15; /* @kind other */
--lh-body:1.6; /* @kind other */
}

:root{
--sp-1:4px;--sp-2:8px;--sp-3:12px;--sp-4:16px;--sp-5:24px;--sp-6:32px;--sp-7:48px;--sp-8:64px;--sp-9:96px;--sp-10:128px;
--container:1240px;
--radius-0:0px; /* cards e imagens: cantos retos (linguagem geométrica da marca) */
--radius-sm:4px; /* botões e campos */
--radius-pill:999px;
--shadow-card:0 10px 30px rgba(24,48,40,0.10);
--shadow-nav:0 2px 12px rgba(24,48,40,0.08);
--ease-brand:cubic-bezier(.4,0,.2,1); /* @kind other */
--dur-fast:150ms; /* @kind other */
--dur-med:300ms; /* @kind other */
}

body{font-family:var(--font-body);color:var(--text-body);background:var(--surface-page);margin:0;-webkit-font-smoothing:antialiased}
h1,h2,h3,h4{font-family:var(--font-display);color:var(--text-heading);font-weight:var(--display-weight);letter-spacing:var(--display-tracking);text-transform:uppercase;line-height:var(--lh-display)}
a{color:var(--link);text-decoration:none;transition:color var(--dur-fast) var(--ease-brand)}
a:hover{color:var(--link-hover)}
::selection{background:var(--amarelo-ambar);color:var(--verde-profundo)}
:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}
html{scroll-behavior:smooth}