/* Painel de Leads Sombrélis — design tokens
   Derivados do Sombrélis Design System (verde floresta, lime, alumínio, areia/sol).
   Tema claro em :root; tema escuro em [data-tema="escuro"]. */
@import url('https://fonts.googleapis.com/css2?family=Saira:wght@500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');

:root{
/* Marca */
--cor-floresta:#1F5A14;--cor-floresta-escuro:#143A0D;--cor-floresta-tinta:#0A2806;
--cor-lime:#C5ED44;--cor-verde-medio:#71C63E;--cor-verde-profundo:#156D3D;--cor-teal:#0F7856;
--cor-areia:#F1E6CF;--cor-sol:#F4C84A;--cor-sol-escuro:#B86E0B;--cor-madeira:#8A5A33;
/* Alumínio (neutros levemente verdes) */
--cor-al-100:#FFFFFF;--cor-al-95:#F6F7F4;--cor-al-90:#ECEEE8;--cor-al-80:#D9DCD4;--cor-al-70:#BCC0B5;--cor-al-60:#A6ABA1;--cor-al-40:#6C7268;--cor-al-30:#4F554C;--cor-al-20:#2E332C;

/* Superfícies */
--fundo:var(--cor-al-95);--superficie:var(--cor-al-100);--superficie-2:var(--cor-al-90);--superficie-realce:#F2F7EC;
--cabecalho-fundo:var(--cor-floresta-escuro);--cabecalho-texto:#FFFFFF;--cabecalho-texto-2:#C9DBC1;--cabecalho-ativo:var(--cor-lime);
--veu:rgba(10,40,6,.38);
/* Texto (todos ≥ 4,5:1 sobre --superficie e --fundo) */
--texto-forte:var(--cor-floresta-tinta);--texto:var(--cor-al-20);--texto-2:var(--cor-al-30);--texto-3:var(--cor-al-40);
--dica-fundo:#0A2806;--dica-texto:#FFFFFF;
--borda:var(--cor-al-80);--borda-forte:var(--cor-al-70);
/* Ação */
--acao:var(--cor-floresta);--acao-hover:var(--cor-verde-profundo);--acao-texto:#FFFFFF;--link:var(--cor-verde-profundo);
--foco:0 0 0 3px rgba(113,198,62,.5);
/* Variação (sempre com ícone + sinal, nunca só cor) */
--sobe:#156D3D;--sobe-fundo:#E2F1DD;--desce:#B5341F;--desce-fundo:#F9E4DF;--neutro:var(--cor-al-40);--neutro-fundo:var(--cor-al-90);--novo:#0F6E50;--novo-fundo:#E1F0EA;
/* Gravidade */
--sev-info:#0F6E50;--sev-info-fundo:#E1F0EA;--sev-aviso:#7F4F00;--sev-aviso-fundo:#FBEFCF;--sev-aviso-marca:#E0A21B;--sev-critico:#B5341F;--sev-critico-fundo:#F9E4DF;
/* Semáforo */
--semaforo-ok:#3E9B2F;--semaforo-aviso:#E0A21B;--semaforo-erro:#C8361F;
/* Dados */
--dado-atual:var(--cor-floresta);--dado-atual-hover:var(--cor-verde-profundo);--dado-contexto:#B9C9AF;--dado-anterior:#7E857A;--dado-media:var(--cor-sol-escuro);--dado-trilho:var(--cor-al-90);--dado-grade:#E5E8E1;--dado-alvo:#EEF3E8;
/* Fases do funil (config.json → fase) */
--fase-entrada:#A6ABA1;--fase-contato:#0F7856;--fase-qualificado:#71C63E;--fase-venda:#1F5A14;--fase-perdido:#B5341F;--fase-outro:#D2B05A;
/* Eventos Meta (CAPI) */
--capi-contact:#1F5A14;--capi-lead:#71C63E;--capi-checkout:#E0B23A;--capi-purchase:#8A5A33;
/* Mapa de calor (6 passos) */
--calor-0:#F1F3EE;--calor-1:#DCEDCB;--calor-2:#B4DA93;--calor-3:#7FC152;--calor-4:#3F8C2C;--calor-5:#1F5A14;--calor-texto:#0A2806;--calor-texto-alto:#FFFFFF;

/* Tipografia */
--fonte-display:'Saira','Bahnschrift',system-ui,sans-serif;
--fonte-corpo:'Manrope',system-ui,-apple-system,'Segoe UI',sans-serif;
--fs-tela:26px;--fs-kpi:30px;--fs-kpi-moeda:23px;--fs-cartao:14px;--fs-corpo:14px;--fs-pequeno:13px;--fs-micro:12px;--fs-eixo:11px;
--lh-corpo:1.5;--lh-titulo:1.1;--rastreio-caps:.07em;

/* Espaço (grade de 4 px) */
--esp-1:4px;--esp-2:8px;--esp-3:12px;--esp-4:16px;--esp-5:20px;--esp-6:24px;--esp-7:32px;--esp-8:48px;
/* Raios */
--raio-xs:4px;--raio-sm:8px;--raio-md:12px;--raio-lg:18px;--raio-pill:999px;
/* Sombras (tingidas de verde) */
--sombra-1:0 1px 2px rgba(20,58,13,.06),0 1px 1px rgba(20,58,13,.04);
--sombra-2:0 4px 12px rgba(20,58,13,.08),0 1px 2px rgba(20,58,13,.05);
--sombra-3:0 14px 32px rgba(20,58,13,.14),0 4px 8px rgba(20,58,13,.06);
--sombra-4:0 28px 60px rgba(20,58,13,.22),0 8px 16px rgba(20,58,13,.08);
/* Movimento */
--ease:cubic-bezier(.2,.7,.2,1);--dur-rapida:120ms;--dur-media:220ms;
/* Layout */
--largura-max:1360px;--altura-cabecalho:56px;
}

[data-tema="escuro"]{
--fundo:#0D170B;--superficie:#142212;--superficie-2:#1C2D19;--superficie-realce:#1A2E16;
--cabecalho-fundo:#091306;--cabecalho-texto-2:#B5C9AC;--veu:rgba(0,0,0,.55);
--texto-forte:#F1F5EC;--texto:#E2E8DC;--texto-2:#C6CEBF;--texto-3:#A1AB9A;
--dica-fundo:#F1F5EC;--dica-texto:#0A2806;
--borda:#283A25;--borda-forte:#3A4E36;
--acao:var(--cor-lime);--acao-hover:#D9F47A;--acao-texto:#0A2806;--link:#A9DE70;
--sobe:#8FD66A;--sobe-fundo:#1C3518;--desce:#FF907A;--desce-fundo:#3A1C16;--neutro:#A1AB9A;--neutro-fundo:#1C2D19;--novo:#7AD6B4;--novo-fundo:#12302A;
--sev-info:#7AD6B4;--sev-info-fundo:#12302A;--sev-aviso:#F4C84A;--sev-aviso-fundo:#33290F;--sev-critico:#FF907A;--sev-critico-fundo:#3A1C16;
--dado-atual:#9FD86A;--dado-atual-hover:#C5ED44;--dado-contexto:#3C5634;--dado-anterior:#8E9888;--dado-media:#F4C84A;--dado-trilho:#1C2D19;--dado-grade:#22331F;--dado-alvo:#1C2D19;
--fase-venda:#9FD86A;--fase-entrada:#7E857A;
--capi-contact:#4FA83A;--capi-lead:#C5ED44;--capi-checkout:#F4C84A;--capi-purchase:#C99466;
--calor-0:#17251A;--calor-1:#1F3A1A;--calor-2:#2E5A22;--calor-3:#4C8A2E;--calor-4:#7FC152;--calor-5:#C5ED44;--calor-texto:#E2E8DC;--calor-texto-alto:#0A2806;
--sombra-1:0 1px 2px rgba(0,0,0,.3);--sombra-2:0 4px 12px rgba(0,0,0,.35);--sombra-3:0 14px 32px rgba(0,0,0,.45);--sombra-4:0 28px 60px rgba(0,0,0,.55);
color-scheme:dark;
}