/* ════════════════════════════════════════════════════════════════════
 * MODO oscuro (eje CALCULADO) — el motor MD3 inyecta los --mx-color-* dark
 * como inline-style en :root; acá sólo fijamos color-scheme para que los
 * nativos (scrollbar, inputs, selects) se rendericen en oscuro.
 * ════════════════════════════════════════════════════════════════════ */
:root[data-mode="dark"] { color-scheme: dark; }

/* ════════════════════════════════════════════════════════════════════
 * Variantes utility — gradient & glass para botones y cards
 * Aplicables a cualquier tema. Activar con class `cx-btn--gradient`
 * o `cx-card--glass` desde el componente o estilo del consumer.
 * ════════════════════════════════════════════════════════════════════ */