:root { --cabecalho: #1d5f72; --primaria: #1d5f72; --primaria-hover: #164756; --destaque: #1d5f72; --link: #1d5f72; }
@media (prefers-color-scheme: dark) { :root:not([data-tema='claro']) { --cabecalho: #1d5f72; --primaria: #467c8b; --primaria-hover: #618f9c; } }
:root[data-tema='escuro'] { --cabecalho: #1d5f72; --primaria: #467c8b; --primaria-hover: #618f9c; }