/* ═══════════════════════════════════════════════════════════════════════════ ESTILO.CSS — visual base das telas. Mesma familia visual da Central de Clientes: fundo gelo com lavagem de degrade, cartoes brancos de canto largo, Cormorant Garamond nos titulos e Poppins no corpo. A identidade de cada area mora nas variaveis --acento*. Trocar de area troca UM atributo no (data-ctx) e o sistema inteiro repinta, porque todo elemento de destaque usa var(--acento) — nunca um hex solto. O verde e o vermelho de valor NAO acompanham a area: entrada e sempre --positivo e saida e sempre --negativo. Se seguissem o acento, na area Casa (salvia) todo valor pareceria positivo. ═══════════════════════════════════════════════════════════════════════════ */ :root { /* casca — vinda da Central de Clientes */ --gelo:#f4f6f8; --branco:#fff; --gelo-linha:#e7ebf1; --tinta:#111; --tinta-suave:#4b5563; --sombra:0 4px 24px -8px rgba(30,41,59,.12); /* semantica financeira — igual nas tres areas */ --positivo:#157a4d; --negativo:#b91c1c; --atraso-bg:#fef2f2; --atraso-txt:#b91c1c; /* derivados: a Central nao tinha "entrada de dinheiro" nem "parcial", entao estes fundos foram compostos aqui, dessaturados no mesmo tom da casca. */ --positivo-bg:#eef7f2; --positivo-linha:#c6e3d5; --negativo-linha:#f3cccc; --aviso-txt:#8a5a00; --aviso-bg:#fdf6e8; --aviso-linha:#f0dcb4; /* raios: cartao / campo-botao / barra-segmento / pilula */ --raio-cartao:20px; --raio-campo:10px; --raio-barra:12px; --raio-pilula:999px; /* largura util; telas largas sobrescrevem no proprio