/* Tokens do Sistema Terads: fonte única de cores, raios, vidro e movimento.
   Lido pelo sistema (embutido no build) e pelas telas de login e convite. Ver DESIGN.md, seção 3. */
:root{
  /* AS TRÊS CORES PRIMÁRIAS (constantes nos dois temas). Todas as outras saem delas sem mudar o tom, só o brilho (DESIGN.md 3A) */
  --verde-escuro:#17282E; --bege:#D8CFCD; --verde-claro:#B4D8AD;
  /* segundo tom do verde-escuro (degradê da marca) e o botão, que é o verde-claro */
  --verde-escuro-medio:#243D46; --grad:linear-gradient(135deg,var(--verde-escuro) 0%,var(--verde-escuro-medio) 100%); --botao:var(--verde-claro); --botao-h:var(--verde-claro-hover);
  /* tons-base dos estados (não são primárias; exceção declarada): só viram transparência, mais um tom escuro para texto no tema claro */
  --dourado:#E7C588; --vermelho:#F19E98;
  /* paleta por regra matemática: ver DESIGN.md, seção 3A. Gerada por otimizar/paleta.py */
  /* paleta:inicio */
  --verde-escuro-0:#FDFCFA; --verde-escuro-5:#EAEDEF; --verde-escuro-10:#DBDFE0; --verde-escuro-15:#CDD1D3; --verde-escuro-20:#BFC4C6; --verde-escuro-25:#B2B8BA; --verde-escuro-30:#A5ACAE; --verde-escuro-35:#99A1A3; --verde-escuro-40:#8E9699; --verde-escuro-45:#838C8F; --verde-escuro-50:#788285; --verde-escuro-55:#6E787C; --verde-escuro-60:#646F73; --verde-escuro-65:#5A666A; --verde-escuro-70:#515D62; --verde-escuro-75:#47555A; --verde-escuro-80:#3E4C51; --verde-escuro-85:#354449; --verde-escuro-90:#2C3B41; --verde-escuro-95:#223238; --verde-escuro-100:#17282E;
  --verde-escuro-a3:rgba(23,40,46,0.03); --verde-escuro-a4:rgba(23,40,46,0.04); --verde-escuro-a5:rgba(23,40,46,0.05); --verde-escuro-a6:rgba(23,40,46,0.06); --verde-escuro-a8:rgba(23,40,46,0.08); --verde-escuro-a10:rgba(23,40,46,0.1); --verde-escuro-a12:rgba(23,40,46,0.12); --verde-escuro-a14:rgba(23,40,46,0.14); --verde-escuro-a16:rgba(23,40,46,0.16); --verde-escuro-a18:rgba(23,40,46,0.18); --verde-escuro-a20:rgba(23,40,46,0.2); --verde-escuro-a25:rgba(23,40,46,0.25); --verde-escuro-a30:rgba(23,40,46,0.3); --verde-escuro-a35:rgba(23,40,46,0.35); --verde-escuro-a40:rgba(23,40,46,0.4); --verde-escuro-a45:rgba(23,40,46,0.45); --verde-escuro-a50:rgba(23,40,46,0.5); --verde-escuro-a55:rgba(23,40,46,0.55); --verde-escuro-a60:rgba(23,40,46,0.6); --verde-escuro-a70:rgba(23,40,46,0.7); --verde-escuro-a80:rgba(23,40,46,0.8); --verde-escuro-a90:rgba(23,40,46,0.9);
  --papel-a3:rgba(253,252,250,0.03); --papel-a4:rgba(253,252,250,0.04); --papel-a5:rgba(253,252,250,0.05); --papel-a6:rgba(253,252,250,0.06); --papel-a8:rgba(253,252,250,0.08); --papel-a10:rgba(253,252,250,0.1); --papel-a12:rgba(253,252,250,0.12); --papel-a14:rgba(253,252,250,0.14); --papel-a16:rgba(253,252,250,0.16); --papel-a18:rgba(253,252,250,0.18); --papel-a20:rgba(253,252,250,0.2); --papel-a25:rgba(253,252,250,0.25); --papel-a30:rgba(253,252,250,0.3); --papel-a35:rgba(253,252,250,0.35); --papel-a40:rgba(253,252,250,0.4); --papel-a45:rgba(253,252,250,0.45); --papel-a50:rgba(253,252,250,0.5); --papel-a55:rgba(253,252,250,0.55); --papel-a60:rgba(253,252,250,0.6); --papel-a70:rgba(253,252,250,0.7); --papel-a80:rgba(253,252,250,0.8); --papel-a90:rgba(253,252,250,0.9);
  --bege-a3:rgba(216,207,205,0.03); --bege-a4:rgba(216,207,205,0.04); --bege-a5:rgba(216,207,205,0.05); --bege-a6:rgba(216,207,205,0.06); --bege-a8:rgba(216,207,205,0.08); --bege-a10:rgba(216,207,205,0.1); --bege-a12:rgba(216,207,205,0.12); --bege-a14:rgba(216,207,205,0.14); --bege-a16:rgba(216,207,205,0.16); --bege-a18:rgba(216,207,205,0.18); --bege-a20:rgba(216,207,205,0.2); --bege-a25:rgba(216,207,205,0.25); --bege-a30:rgba(216,207,205,0.3); --bege-a35:rgba(216,207,205,0.35); --bege-a40:rgba(216,207,205,0.4); --bege-a45:rgba(216,207,205,0.45); --bege-a50:rgba(216,207,205,0.5); --bege-a55:rgba(216,207,205,0.55); --bege-a60:rgba(216,207,205,0.6); --bege-a70:rgba(216,207,205,0.7); --bege-a80:rgba(216,207,205,0.8); --bege-a90:rgba(216,207,205,0.9);
  --verde-claro-a3:rgba(180,216,173,0.03); --verde-claro-a4:rgba(180,216,173,0.04); --verde-claro-a5:rgba(180,216,173,0.05); --verde-claro-a6:rgba(180,216,173,0.06); --verde-claro-a8:rgba(180,216,173,0.08); --verde-claro-a10:rgba(180,216,173,0.1); --verde-claro-a12:rgba(180,216,173,0.12); --verde-claro-a14:rgba(180,216,173,0.14); --verde-claro-a16:rgba(180,216,173,0.16); --verde-claro-a18:rgba(180,216,173,0.18); --verde-claro-a20:rgba(180,216,173,0.2); --verde-claro-a25:rgba(180,216,173,0.25); --verde-claro-a30:rgba(180,216,173,0.3); --verde-claro-a35:rgba(180,216,173,0.35); --verde-claro-a40:rgba(180,216,173,0.4); --verde-claro-a45:rgba(180,216,173,0.45); --verde-claro-a50:rgba(180,216,173,0.5); --verde-claro-a55:rgba(180,216,173,0.55); --verde-claro-a60:rgba(180,216,173,0.6); --verde-claro-a70:rgba(180,216,173,0.7); --verde-claro-a80:rgba(180,216,173,0.8); --verde-claro-a90:rgba(180,216,173,0.9);
  --dourado-a3:rgba(231,197,136,0.03); --dourado-a4:rgba(231,197,136,0.04); --dourado-a5:rgba(231,197,136,0.05); --dourado-a6:rgba(231,197,136,0.06); --dourado-a8:rgba(231,197,136,0.08); --dourado-a10:rgba(231,197,136,0.1); --dourado-a12:rgba(231,197,136,0.12); --dourado-a14:rgba(231,197,136,0.14); --dourado-a16:rgba(231,197,136,0.16); --dourado-a18:rgba(231,197,136,0.18); --dourado-a20:rgba(231,197,136,0.2); --dourado-a25:rgba(231,197,136,0.25); --dourado-a30:rgba(231,197,136,0.3); --dourado-a35:rgba(231,197,136,0.35); --dourado-a40:rgba(231,197,136,0.4); --dourado-a45:rgba(231,197,136,0.45); --dourado-a50:rgba(231,197,136,0.5); --dourado-a55:rgba(231,197,136,0.55); --dourado-a60:rgba(231,197,136,0.6); --dourado-a70:rgba(231,197,136,0.7); --dourado-a80:rgba(231,197,136,0.8); --dourado-a90:rgba(231,197,136,0.9);
  --vermelho-a3:rgba(241,158,152,0.03); --vermelho-a4:rgba(241,158,152,0.04); --vermelho-a5:rgba(241,158,152,0.05); --vermelho-a6:rgba(241,158,152,0.06); --vermelho-a8:rgba(241,158,152,0.08); --vermelho-a10:rgba(241,158,152,0.1); --vermelho-a12:rgba(241,158,152,0.12); --vermelho-a14:rgba(241,158,152,0.14); --vermelho-a16:rgba(241,158,152,0.16); --vermelho-a18:rgba(241,158,152,0.18); --vermelho-a20:rgba(241,158,152,0.2); --vermelho-a25:rgba(241,158,152,0.25); --vermelho-a30:rgba(241,158,152,0.3); --vermelho-a35:rgba(241,158,152,0.35); --vermelho-a40:rgba(241,158,152,0.4); --vermelho-a45:rgba(241,158,152,0.45); --vermelho-a50:rgba(241,158,152,0.5); --vermelho-a55:rgba(241,158,152,0.55); --vermelho-a60:rgba(241,158,152,0.6); --vermelho-a70:rgba(241,158,152,0.7); --vermelho-a80:rgba(241,158,152,0.8); --vermelho-a90:rgba(241,158,152,0.9);
  --dourado-escuro:#715725; --vermelho-escuro:#884A46;
  --papel-bege-10:#F9F8F6; --papel-bege-20:#F6F3F1; --papel-bege-40:#EEEAE8; --verde-claro-hover:#A7CAA3;
  /* paleta:fim */

  /* papéis (tema claro). Cada papel aponta para um tom ou uma transparência da paleta, e o teste de contraste (test/paleta.test.js) confere cada par */
  --fundo:var(--papel-bege-20); --superficie:var(--verde-escuro-0); --superficie-2:var(--papel-bege-10);
  /* superfícies e contornos: UMA escala de transparência (DESIGN.md 5.13). bloco 5%, linha alternada 6%, contorno/hover/selecionado 8% */
  --bloco:var(--verde-escuro-a5); --bloco-alt:var(--verde-escuro-a6); --bloco-forte:var(--verde-escuro-a8); --contorno:var(--bloco-forte);
  --borda-campo:var(--card-borda);
  --kp-externo:var(--bloco-forte); --kp-interno:var(--superficie);   /* cartões de número em dois níveis */
  --card-fundo:var(--superficie); --card-borda:var(--verde-escuro-a10);   /* cartões de objeto ou comparação (planos, etapas, KPI): no escuro viram o degradê da marca */
  --titulo:var(--verde-escuro-100); --texto:var(--verde-escuro-95); --apoio:var(--verde-escuro-70); --suave:var(--verde-escuro-60);
  --foco:var(--verde-escuro-70); --link-sub:var(--verde-escuro-50);
  --aviso-fundo:var(--dourado-a35); --aviso-texto:var(--dourado-escuro); --aviso-borda:var(--dourado-a70);
  --seta-select:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8' fill='none' stroke='%23515D62' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M1 1.5l5 5 5-5'/%3E%3C/svg%3E");
  --cont-fundo:var(--verde-escuro-a8); --cont-texto:var(--verde-escuro-80); --cont-alerta-fundo:var(--estado-aviso-fundo); --cont-alerta-texto:var(--estado-aviso-texto); --cont-destaque-fundo:var(--estado-ok-fundo); --cont-destaque-texto:var(--estado-ok-texto);   /* contadores: ver DESIGN.md 5.3 */
  --erro-fundo:var(--vermelho-a25); --erro-texto:var(--vermelho-escuro); --erro-borda:var(--vermelho-a70);
  --ok-fundo:var(--verde-claro-a35); --ok-texto:var(--verde-escuro-90); --ok-borda:var(--verde-claro-a80);
  --info-fundo:var(--verde-escuro-a8); --info-texto:var(--verde-escuro-75);
  --avatar-fundo:var(--bege); --avatar-texto:var(--verde-escuro); /* foto sem imagem: iniciais sobre o bege da marca */
  /* selo de estado cheio (como o do Notion): fundo de estado em transparência mais forte, texto e ponto */
  --estado-ok-fundo:var(--verde-claro-a55); --estado-ok-texto:var(--verde-escuro-90); --estado-aviso-fundo:var(--dourado-a45); --estado-aviso-texto:var(--dourado-escuro); --estado-erro-fundo:var(--vermelho-a35); --estado-erro-texto:var(--vermelho-escuro);
  --estado-ok-ponto:var(--estado-ok-texto); --estado-aviso-ponto:var(--estado-aviso-texto); --estado-erro-ponto:var(--estado-erro-texto);   /* pontinho do selo: no claro, a cor do texto; no escuro, o tom-base */
  --cabecalho-fundo:var(--verde-escuro); --cabecalho-texto:var(--verde-escuro-0); --codigo-fundo:var(--verde-escuro); --codigo-texto:var(--verde-escuro-5);
  --sombra-suave:var(--verde-escuro-a25); --codigo-anel:var(--verde-escuro); --anel-escuro:transparent;
  --rolagem:var(--verde-escuro-a30); --rolagem-h:var(--verde-escuro-a50); --borda-sombra:var(--verde-escuro-a16);
  /* diagramas (SVG): caixas, setas e séries do gráfico */
  --dg-borda:var(--bege); --dg-escuro:var(--verde-escuro); --dg-escuro-texto:var(--verde-escuro-0);
  --dg-s1:var(--verde-escuro-100); --dg-s2:var(--verde-escuro-70); --dg-s3:var(--verde-escuro-50);
  --display:'Bricolage Grotesque', system-ui, sans-serif; --corpo:'Bricolage Grotesque', system-ui, sans-serif;
  --cond:96%; --semi:100%;
  --r:16px; --side:280px;
  --ease:cubic-bezier(.32,.72,0,1); --e4:4px; --e8:8px; --e12:12px; --e16:16px; --e20:20px; --e24:24px; --e32:32px; --e40:40px; --e48:48px; --e56:56px; --e72:72px; --e96:96px; /* espaço: múltiplos de 4 (DESIGN.md 3.3) */
  --t-rapido:.15s; --t-medio:.3s; /* hover, foco e cor | algo que aparece, abre ou se move (DESIGN.md 3.6) */ --h1:46px; --h2:29px; --h3:23px; --h4:19px; --tx:15px; --sm:12px; --num:37px; /* escala modular: terça maior (×1,25) sobre o texto de 15px; --num é o número de métrica (DESIGN.md 3.2) */
  --lh-display:1.05; --lh-h2:1.2; --lh-h3:1.25; --lh-h4:1.3; --lh-ui:1.4; --lh-texto:1.6; /* entrelinha: quanto maior o texto, menor a entrelinha (DESIGN.md 3.2) */
  --medida:66ch; /* comprimento de linha do texto corrido (45 a 75 caracteres; DESIGN.md 3.2) */
  /* raios: controles, cartões e pílulas */
  --r-xs:4px; --r-sm:8px; --r-md:12px; --r-lg:16px; --r-controle:var(--r-md); --r-cartao:var(--r-lg); --r-pilula:999px; --traco:1px;
  /* vidro do menu, da barra superior, da gaveta e do cartão de login (liquid glass): um blur só para tudo */
  --vidro-tinta:linear-gradient(135deg,rgba(36,61,70,.96),var(--verde-escuro-a90));
  --blur-vidro:blur(14px); --vidro-filtro:var(--blur-vidro) brightness(.72);
  --vidro-borda:var(--bege-a12);
  /* tinta leve do cartão de login: o mesmo verde do fundo (#17282E), bem transparente, sem filtro de brilho; a folhagem aparece nítida por trás (o menu e a barra usam a tinta cheia) */
  --vidro-tinta-leve:linear-gradient(135deg,var(--verde-escuro-a20),var(--verde-escuro-a12));
  /* brilho leve em bege, só no cartão de vidro do login: diagonal de 45° entrando pelo alto, com opacidade reduzida */
  --brilho-bege:linear-gradient(135deg,rgba(216,207,205,.18) 0%,rgba(216,207,205,.07) 16%,rgba(216,207,205,0) 38%);
  /* campo de vidro sobre fundo escuro (a busca do menu) */
  --campo-fundo:var(--bege-a4); --campo-borda:var(--verde-escuro-45); --campo-borda-h:var(--verde-escuro-30); --campo-foco-fundo:var(--bege-a10); --campo-blur:blur(4px);
  /* textos sobre fundo escuro */
  --escuro-titulo:var(--verde-escuro-0); --escuro-texto:var(--verde-escuro-5); --escuro-apoio:var(--papel-a80); --escuro-erro:var(--vermelho);
  /* sombra de baixo para cima sobre a folhagem (login, convite e menu): só o verde da marca (--verde-escuro, #17282E), sem preto nem tom mais escuro */
  --sombra-fundo:linear-gradient(to top,rgba(23,40,46,1) 0%,rgba(23,40,46,.94) 12%,rgba(23,40,46,.82) 25%,rgba(23,40,46,.64) 40%,rgba(23,40,46,.44) 55%,rgba(23,40,46,.25) 70%,rgba(23,40,46,.1) 85%,rgba(23,40,46,0) 100%);
  /* folhagem do login: bem visível, a sombra de baixo para cima a esconde no rodapé */
  --folhagem-login-opacidade:.6;
  /* folhagem do menu e do herói: não alterar */
  --folhagem-opacidade:.22;
}

/* tema escuro: só tons mudam de papel. Tamanho, posição, peso e espaçamento nunca ficam aqui (ver DESIGN.md, seção 15).
   O menu, o login, o convite e a 404 já são escuros e não mudam. */
html[data-theme="dark"]{
  color-scheme:dark;
  --fundo:var(--verde-escuro-100); --superficie:var(--verde-escuro-medio); --superficie-2:var(--verde-escuro-95);
  /* conteúdo no escuro: verde-escuro sólido em degraus escuros (80 a 95), nunca bege transparente (puxava para o amarelado) nem tom médio (35 a 70) como fundo (DESIGN.md 15A) */
  --bloco:var(--verde-escuro-95); --bloco-alt:var(--verde-escuro-90); --bloco-forte:var(--verde-escuro-90); --contorno:var(--verde-escuro-85);
  --borda-campo:var(--card-borda);
  --kp-externo:var(--grad); --kp-interno:var(--verde-escuro-medio);   /* no escuro, o mesmo degradê verde-azulado dos outros cartões (sem cinza) */
  --card-fundo:var(--grad); --card-borda:var(--verde-escuro-80);
  --titulo:var(--verde-escuro-0); --texto:var(--verde-escuro-5); --apoio:var(--verde-escuro-20); --suave:var(--verde-escuro-30);
  --foco:var(--verde-claro); --link-sub:var(--verde-escuro-40);
  --aviso-fundo:var(--dourado-a12); --aviso-texto:var(--dourado); --aviso-borda:var(--dourado-a40);
  --seta-select:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8' fill='none' stroke='%23BFC4C6' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M1 1.5l5 5 5-5'/%3E%3C/svg%3E");
  --cont-fundo:var(--verde-escuro-85); --cont-texto:var(--verde-escuro-5); --cont-alerta-fundo:var(--estado-aviso-fundo); --cont-alerta-texto:var(--estado-aviso-texto); --cont-destaque-fundo:var(--estado-ok-fundo); --cont-destaque-texto:var(--estado-ok-texto);
  --erro-fundo:var(--vermelho-a10); --erro-texto:var(--vermelho); --erro-borda:var(--vermelho-a45);
  --ok-fundo:var(--verde-claro-a16); --ok-texto:var(--verde-claro); --ok-borda:var(--verde-claro-a45);
  --info-fundo:var(--verde-escuro-90); --info-texto:var(--verde-escuro-10);
  --avatar-fundo:var(--bege-a16); --avatar-texto:var(--bege);
  --estado-ok-fundo:var(--verde-claro-a40); --estado-ok-texto:var(--verde-escuro-0); --estado-aviso-fundo:var(--dourado-a35); --estado-aviso-texto:var(--verde-escuro-0); --estado-erro-fundo:var(--vermelho-a40); --estado-erro-texto:var(--verde-escuro-0);
  --estado-ok-ponto:var(--verde-claro); --estado-aviso-ponto:var(--dourado); --estado-erro-ponto:var(--vermelho);
  --cabecalho-fundo:var(--verde-escuro-100); --cabecalho-texto:var(--verde-escuro-0); --codigo-fundo:var(--verde-escuro-100); --codigo-texto:var(--verde-escuro-5);
  --sombra-suave:var(--verde-escuro-a70); --codigo-anel:var(--verde-escuro-85); --anel-escuro:var(--verde-escuro-85);
  --rolagem:var(--verde-escuro-80); --rolagem-h:var(--verde-escuro-75); --borda-sombra:var(--verde-escuro-a70);
  --dg-borda:var(--verde-escuro-70); --dg-escuro:var(--verde-escuro-85);
  --dg-s1:var(--verde-claro); --dg-s2:var(--verde-escuro-30); --dg-s3:var(--verde-escuro-0);
}