/* ÁGUA — extensão digital do design system (proposta, criada no site em out/2026).
   Ainda não aprovada nem enviada ao projeto do Claude Design.
   Três profundidades para os painéis: superfície, meia-água e fundo. Cor chapada e translúcida
   (azul-abismo), sem degradê, sem brilho e sem desfoque: a textura já está na água do fundo. */
:root{
--agua-superficie:rgba(4,21,52,.22);
--agua-meia:rgba(4,21,52,.30);
--agua-fundo:rgba(4,21,52,.42);

/* Desfoque do cabeçalho (a faixa de água que sobe por trás do menu) */
--agua-blur:14px;
--agua-saturacao:160%;

--agua-borda:rgba(225,249,255,.14);

--agua-texto:var(--branco);
--agua-texto-suave:rgba(225,249,255,.78);
--agua-texto-fraco:rgba(225,249,255,.56);

/* Linha d'água (horizonte) */
--linha-dagua:var(--verde-logo);
--linha-espessura:2px;

/* Refração: o que cruza a linha se desloca levemente */
--refracao-x:2px;
--refracao-y:3px;
}