/* Tema compartilhado. O claro mantém o visual existente.
   Novos componentes devem consumir os tokens de superfície/texto/borda/estado. */
:root{
 --tema-fundo:#f1f5f8;--tema-superficie:#fff;--tema-elevada:#f8fbfc;--tema-campo:#fff;
 --tema-texto:#334f60;--tema-discreto:#71838d;--tema-borda:#dce7ec;--tema-azul:#245b78;
 --tema-suave:#edf6fa;--tema-hover:#dcecf4;--tema-foco:#68aeca;
 --tema-verde-fundo:#edf8f1;--tema-verde-texto:#28764e;
 --tema-vermelho-fundo:#fff0ef;--tema-vermelho-texto:#b2413d;
 --tema-sombra:0 4px 16px rgba(28,53,67,.09);
}
.tema-alternar{display:inline-flex}
.tema-alternar .tema-sol{display:none}
:root[data-tema="escuro"] .tema-alternar .tema-lua{display:none}
:root[data-tema="escuro"] .tema-alternar .tema-sol{display:block}
:root[data-tema="escuro"]{
 color-scheme:dark;--tema-fundo:#101113;--tema-superficie:#1b1d20;--tema-elevada:#24272b;--tema-campo:#15171a;
 --tema-texto:#e6e8eb;--tema-discreto:#b0b5bd;--tema-borda:#373c43;--tema-azul:#9ac9ea;
 --tema-suave:#25313d;--tema-hover:#303d49;--tema-foco:#7db8e2;
 --tema-verde-fundo:#224b3c;--tema-verde-texto:#a6e4c1;
 --tema-vermelho-fundo:#4c2932;--tema-vermelho-texto:#ffb7bc;
 --tema-sombra:0 5px 22px rgba(0,0,0,.24);
 background:var(--tema-fundo);color:var(--tema-texto);scrollbar-color:#626870 var(--tema-superficie);
}