/* faltaí — cores (fonte: brandbook Figma, seção 03 Paleta) */
:root{
/* base */
--verde:#12C36B; /* Saldo — primária: frequência mantida, CTAs, marca */
--verde-profundo:#0C8F4E; /* texto sobre lavagens verdes, overlays de foto */
--coral:#FF6A4D; /* Limite — alerta: margem restante, avisos */
--tinta:#16181D; /* texto, fundos escuros, wordmark */
--papel:#FFFFFF; /* fundo base, true white */
--nevoa:#F4F5F1; /* superfícies suaves, wells */
--traco:#E7E8E3; /* bordas e divisores */
--cinza:#5B5F66; /* texto secundário */
--traco-medio:#D7D8D3; /* trilha do medidor mono */
--traco-forte:#C9CBC4; /* traço pontilhado (área de proteção) */
/* lavagens (tints 6%) */
--verde-wash:rgba(18,195,107,0.06);
--coral-wash:rgba(255,106,77,0.06);
/* sobre fundo escuro */
--branco-85:rgba(255,255,255,0.85);
--branco-80:rgba(255,255,255,0.8);
--branco-60:rgba(255,255,255,0.6);
--branco-50:rgba(255,255,255,0.5);
--branco-40:rgba(255,255,255,0.4);
/* overlays de foto */
--overlay-tinta-35:rgba(22,24,29,0.35);
--overlay-tinta-55:rgba(22,24,29,0.55);
--overlay-tinta-60:rgba(22,24,29,0.6);
--overlay-verde-55:rgba(12,143,78,0.55);
--overlay-verde-62:rgba(12,143,78,0.62);
--overlay-coral-55:rgba(255,106,77,0.55);
--gradiente-hero:linear-gradient(90deg,rgba(22,24,29,0.9) 0%,rgba(22,24,29,0.5) 55%,rgba(22,24,29,0.15) 100%); /* @kind color */
/* header translúcido */
--header-bg:rgba(255,255,255,0.82);
/* aliases semânticos */
--text-body:var(--tinta);
--text-muted:var(--cinza);
--text-inverse:#FFFFFF;
--surface-page:var(--papel);
--surface-well:var(--nevoa);
--surface-dark:var(--tinta);
--border-default:var(--traco);
--accent:var(--verde);
--accent-deep:var(--verde-profundo);
--alert:var(--coral);
}