/* Color de la marca (Configuración → Apariencia). */
:root { --primario: #f0b514; --primario-hover: #c09110; --sobre-primario: #161514; }
:root[data-tema="oscuro"] { --primario: #f2be30; --primario-hover: #f4c84f; --sobre-primario: #161514; }
@media (prefers-color-scheme: dark) { :root:not([data-tema="claro"]) { --primario: #f2be30; --primario-hover: #f4c84f; --sobre-primario: #161514; } }