/* ==========================================================================
   IÉVERA v1 — Design tokens  (--ev-*)
   ieveeraseo.com · Evaloriza network · tema "Evaloriza Raiz" / GeneratePress child
   --------------------------------------------------------------------------
   Origem da paleta: Brand Kit v1.0 "crédito simplificado" (verde-floresta + lima)
   Fonte canônica: evaloriza-sites/creditosimplificado/configs/brand-tokens.css
   Tipografia: Bricolage Grotesque (display) + DM Sans (texto) — com fallback de sistema.
   Escala/typo de referência: memivi.com.br (body 16/400 · h1 52/800 lh1.1 · h2 26/700 · btn 16/700)

   COMO USAR
   · Child theme: enfileirado como assets/tokens.css ANTES de ievera-theme.css.
   · Customizer (CSS adicional): colar este arquivo inteiro no topo, antes do tema.
   · Só variáveis: este arquivo não estiliza nada sozinho (seguro de carregar em qualquer página).

   REGRA DA CASA — não existe token nem seletor que toque a geometria de anúncios
   (#av_top, #av_content_*, .ai-*, .code-block, google_ads_iframe). Nunca adicionar.
   ========================================================================== */

:root{
  /* Esquema: o site é deliberadamente CLARO. color-scheme:light evita que o browser
     escureça form controls/scrollbars em dark mode do SO ("dark-safe" por padrão). */
  color-scheme: light;

  /* ---------- Paleta (Brand Kit CS v1.0) ---------- */
  --ev-green-900:#0B3D2C;   /* floresta — marca, footer, botão primário */
  --ev-green-800:#0F4A35;   /* derivada — hover escuro */
  --ev-green-700:#14563F;   /* floresta 2 — hover primário, gradiente */
  --ev-green-500:#27B463;   /* acento vivo — links hover, ícones, foco */
  --ev-green-300:#7ED49C;   /* derivada — texto verde em fundo escuro */
  --ev-lime:#D8F55A;        /* lima — texto do CTA, selos, marca */
  --ev-lime-600:#C4E243;    /* derivada — hover do botão lima */
  --ev-bg:#F1F7EC;          /* fundo da página (menta clara) */
  --ev-tint:#E2F1DC;        /* faixas/seções (depoimentos) */
  --ev-white:#FFFFFF;
  --ev-ink:#14231A;         /* texto principal */
  --ev-text-2:#44573F;      /* texto secundário */
  --ev-muted:#5B6B57;       /* meta / labels — 5.2:1 sobre --ev-bg (era #7B8A76 = 3.9:1, reprovava) */
  --ev-border:#DCE8D4;      /* borda menta (inputs, outline) */
  --ev-border-2:#EDF3E7;    /* borda de card (quase invisível) */
  --ev-success:#1B8A4C;
  --ev-danger:#C2402A;
  --ev-warning:#D9A012;

  /* ---------- Semânticos (use estes nos componentes) ---------- */
  --ev-surface:var(--ev-white);
  --ev-surface-2:var(--ev-bg);
  --ev-surface-3:var(--ev-tint);
  --ev-text:var(--ev-ink);
  --ev-text-soft:var(--ev-text-2);
  --ev-text-muted:var(--ev-muted);
  --ev-link:var(--ev-green-900);
  --ev-link-hover:var(--ev-green-700);
  --ev-accent-text:#1B7A47;  /* verde 'vivo' LEGÍVEL sobre fundo claro (4.6:1) — eyebrows, kickers, links de ação. --ev-green-500 (2.6:1) fica só para ícones/bordas/foco */
  --ev-focus:var(--ev-green-500);
  --ev-brand:var(--ev-green-900);
  --ev-accent:var(--ev-lime);
  --ev-on-brand:var(--ev-lime);           /* texto sobre floresta */
  --ev-on-brand-soft:#CFE3D6;             /* texto secundário sobre floresta */
  --ev-on-brand-muted:#A9C0B1;            /* legal/meta sobre floresta — 6.1:1 (era #8FA898 = 4.0:1) */
  --ev-divider-dark:rgba(255,255,255,.14);

  /* ---------- Gradientes ---------- */
  --ev-grad-cta:linear-gradient(135deg,#14563F 0%,#0B3D2C 100%);
  --ev-grad-cta-hover:linear-gradient(135deg,#1A6B4E 0%,#0F4A35 100%);
  --ev-grad-lime:linear-gradient(135deg,#E6FF7A 0%,#D8F55A 100%);
  --ev-grad-hero:radial-gradient(125% 115% at 50% 26%,#14563F 0%,#0B3D2C 100%);
  --ev-grad-dots:radial-gradient(rgba(216,245,90,.12) 1.4px,transparent 1.6px);

  /* ---------- Tipografia ---------- */
  --ev-font-display:"Bricolage Grotesque","DM Sans",system-ui,-apple-system,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
  --ev-font-body:"DM Sans",system-ui,-apple-system,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
  --ev-font-emoji:"Apple Color Emoji","Segoe UI Emoji","Noto Color Emoji","Twemoji Mozilla",sans-serif;
  /* 1.1.0 (home epic): DM Mono entra na frente da pilha — carregada no functions.php (Google Fonts);
     sem a fonte, cai no mono do sistema como antes. Usada em números/outputs/labels mono. */
  --ev-font-mono:"DM Mono",ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;

  --ev-fs-body:16px;      --ev-lh-body:1.6;
  --ev-fs-article:17px;   --ev-lh-article:1.75;   /* corpo do artigo (18px ≥1024) */
  --ev-fs-h1:clamp(34px,4.6vw,52px);  --ev-lh-h1:1.1;   --ev-ls-h1:-.03em;
  --ev-fs-h2:clamp(24px,2.6vw,30px);  --ev-lh-h2:1.15;  --ev-ls-h2:-.02em;
  --ev-fs-h3:clamp(19px,2vw,22px);    --ev-lh-h3:1.2;
  --ev-fs-h4:18px;                    --ev-lh-h4:1.3;
  --ev-fs-lead:clamp(16px,1.4vw,18px);
  --ev-fs-small:14px;
  --ev-fs-micro:12px;
  --ev-fs-btn:16px;       --ev-fw-btn:700;
  --ev-fs-nav:15px;       --ev-fw-nav:600;
  --ev-fw-display:800;    --ev-fw-heading:700;
  --ev-measure:68ch;

  /* ---------- Espaçamento (base 4px) ---------- */
  --ev-sp-1:4px;  --ev-sp-2:8px;  --ev-sp-3:12px; --ev-sp-4:16px; --ev-sp-5:20px;
  --ev-sp-6:24px; --ev-sp-7:32px; --ev-sp-8:48px; --ev-sp-9:64px; --ev-sp-10:96px;
  --ev-section:clamp(40px,6vw,72px);       /* padding vertical de seção */
  --ev-gutter:20px;                        /* padding lateral (32 ≥768) */
  --ev-container:1200px;                   /* = GeneratePress container */
  --ev-container-narrow:1080px;
  --ev-header-h:64px;

  /* ---------- Raios ---------- */
  --ev-r-pill:999px;
  --ev-r-btn:50px;      /* CTA pill (memivi) */
  --ev-r-hero:26px;
  --ev-r-news:24px;     /* cards de notícia (memivi) */
  --ev-r-card:20px;
  --ev-r-tile:12px;
  --ev-r-photo:10px;
  --ev-r-chip:8px;
  --ev-r-input:12px;

  /* ---------- Sombras ---------- */
  --ev-shadow-card:0 10px 24px rgba(11,61,44,.12);
  --ev-shadow-card-hover:0 16px 34px rgba(11,61,44,.16);
  --ev-shadow-cta:0 8px 20px rgba(11,61,44,.25);
  --ev-shadow-sticker:0 6px 16px rgba(11,61,44,.22);
  --ev-shadow-header:0 2px 12px rgba(11,61,44,.08);
  --ev-shadow-photo:0 28px 26px rgba(11,61,44,.32);
  --ev-shadow-menu:0 18px 40px rgba(11,61,44,.18);

  /* ---------- Motion ---------- */
  --ev-ease:cubic-bezier(.2,.8,.3,1);
  --ev-t-fast:.15s;
  --ev-t-base:.25s;

  /* ---------- Z-index ---------- */
  --ev-z-header:50;
  --ev-z-menu:60;
  --ev-z-progress:9999;

  /* ---------- Extras da HOME v2 "epic" (1.1.0) ----------
     Tokens que só existem no design-kit/ievera-v2-epic/home.html. Valores CLAROS aqui;
     as variantes escuras ficam em assets/home-epic.css (só entram com o toggle opt-in).
     Nenhum componente v1 usa estes tokens — adicioná-los é inofensivo. */
  --ev-brand-ink:var(--ev-green-900);   /* marca usada como TINTA (títulos de seção, outputs) — vira lima no dark */
  --ev-brand-2:var(--ev-green-700);     /* marca secundária (gradientes de card destaque) — vira green-300 no dark */
  --ev-accent-ink:#0B3D2C;              /* texto sobre lima (--ev-accent) */
  --ev-on-brand-text:#F1F7EC;           /* texto corrido sobre floresta (hero/world). --ev-on-brand continua = lima */
  --ev-hero-a:#0B3D2C;                  /* gradiente radial do hero: cor externa */
  --ev-hero-b:#14563F;                  /* gradiente radial do hero: cor do foco */
  --ev-ribbon:var(--ev-lime);           /* faixa de taxas */
  --ev-ribbon-ink:#0B3D2C;
}

/* ≥768: gutter maior */
@media (min-width:768px){
  :root{ --ev-gutter:32px; }
}
/* ≥1024: corpo do artigo 18px */
@media (min-width:1024px){
  :root{ --ev-fs-article:18px; }
}

/* ==========================================================================
   DARK-SAFE (opt-in)
   Por padrão o site fica claro em qualquer SO (color-scheme:light acima).
   Se um dia quisermos dark mode, basta pôr data-ev-scheme="auto" (segue o SO)
   ou "dark" (forçado) no <html>. Só os tokens SEMÂNTICOS mudam; a marca
   (floresta/lima) permanece. Nada disso roda sem o atributo.
   ========================================================================== */
html[data-ev-scheme="dark"]{
  color-scheme:dark;
  --ev-surface:#0E1A14;
  --ev-surface-2:#132419;
  --ev-surface-3:#182D20;
  --ev-text:#EAF3EC;
  --ev-text-soft:#C3D3C7;
  --ev-text-muted:#A9C0B1;
  --ev-border:#25392D;
  --ev-border-2:#1D2F25;
  --ev-link:var(--ev-green-300);
  --ev-link-hover:var(--ev-lime);
  --ev-shadow-card:0 10px 24px rgba(0,0,0,.35);
  --ev-shadow-card-hover:0 16px 34px rgba(0,0,0,.45);
  --ev-shadow-header:0 2px 12px rgba(0,0,0,.4);
}
@media (prefers-color-scheme:dark){
  html[data-ev-scheme="auto"]{
    color-scheme:dark;
    --ev-surface:#0E1A14;
    --ev-surface-2:#132419;
    --ev-surface-3:#182D20;
    --ev-text:#EAF3EC;
    --ev-text-soft:#C3D3C7;
    --ev-text-muted:#A9C0B1;
    --ev-border:#25392D;
    --ev-border-2:#1D2F25;
    --ev-link:var(--ev-green-300);
    --ev-link-hover:var(--ev-lime);
    --ev-shadow-card:0 10px 24px rgba(0,0,0,.35);
    --ev-shadow-card-hover:0 16px 34px rgba(0,0,0,.45);
    --ev-shadow-header:0 2px 12px rgba(0,0,0,.4);
  }
}

/* Reduced motion: os componentes leem esta var pra desligar transições. */
@media (prefers-reduced-motion:reduce){
  :root{ --ev-t-fast:0s; --ev-t-base:0s; }
}