/* ==========================================================================
   VOTE360 · COMPONENTS BUNDLE
   ==========================================================================
   Carga todas las primitivas de UI canónicas. Cada componente DEBE usar
   solo variables de tokens.css (cargado primero en default.ctp).

   Orden de carga obligatorio:
     1) tokens.css        (variables CSS)
     2) base.css / cake.css / bootstrap (CDN)
     3) vote360-modern.css + modern-menu.css + secciones específicas
     4) components.css    ← este archivo (sobrescribe legacy si hay conflicto)

   Para añadir un nuevo componente:
     - Crear webroot/css/components/<nombre>.css
     - Añadir un @import aquí en orden alfabético
     - Solo usar var(--token). Cualquier color/spacing hardcoded es bug.
   ========================================================================== */

@import url("./components/badges.css");
@import url("./components/buttons.css");
@import url("./components/cards.css");
@import url("./components/forms.css");
@import url("./components/metrics.css");
@import url("./components/spinner.css");
@import url("./components/tables.css");

/* Utility classes para reemplazar inline styles. Carga al final para
   ganar especificidad (todas usan !important por convención). */
@import url("./utilities.css");