/* Color de la marca (Configuración → Apariencia). */
:root { --primario: #b3261e; --primario-hover: #8f1e18; --sobre-primario: #ffffff; }
:root[data-tema="oscuro"] { --primario: #bc4039; --primario-hover: #c65c56; --sobre-primario: #ffffff; }
@media (prefers-color-scheme: dark) { :root:not([data-tema="claro"]) { --primario: #bc4039; --primario-hover: #c65c56; --sobre-primario: #ffffff; } }