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