/* Color de la marca (Configuración → Apariencia). */
:root { --primario: #485365; --primario-hover: #3a4251; --sobre-primario: #ffffff; }
:root[data-tema="oscuro"] { --primario: #5e6877; --primario-hover: #767e8c; --sobre-primario: #ffffff; }
@media (prefers-color-scheme: dark) { :root:not([data-tema="claro"]) { --primario: #5e6877; --primario-hover: #767e8c; --sobre-primario: #ffffff; } }