/*
 * style.css — Punto de entrada de todos los estilos del proyecto GBC.
 *
 * ORDEN DE CARGA OBLIGATORIO (directrices_diseno.md §2):
 * La cascada CSS depende de este orden. No alterarlo sin actualizar las directrices.
 *
 * 1. Bootstrap compilado (framework base)
 * 2. _variables.css  (define tokens --rep-*)
 * 3. _bootstrap-bridge.css (remapea --bs-* → --rep-*)
 * 4. _reset.css (normalizaciones mínimas)
 * 5. _typography.css (escala tipográfica)
 * 6. components/*.css (componentes propios)
 * 7. pages/*.css (estilos específicos de vista — excepción, no norma)
 *
 * Nota: Bootstrap se carga en el <head> del layout (main.php) antes de este archivo.
 * Este archivo contiene únicamente la capa de personalización del proyecto.
 */

/* ---- Base ---- */
@import url("base/_variables.css");
@import url("base/_bootstrap-bridge.css");
@import url("base/_reset.css");
@import url("base/_typography.css");

/* ---- Componentes propios ---- */
@import url("components/_toast.css");
/*
 * TODO: Añadir componentes a medida que se implementen:
 * @import url("components/_ranking.css");
 * @import url("components/_estacion-card.css");
 * @import url("components/_quiz-form.css");
 * @import url("components/_countdown.css");
 * etc.
 */

/* ---- Estilos por página (solo cuando sea imprescindible) ---- */
/*
 * TODO: Añadir estilos de página específicos aquí (excepción, no norma):
 * @import url("pages/_dashboard.css");
 * @import url("pages/_presentacion-ranking.css");
 * Si un estilo de pages/ se repite en 2+ vistas → promover a components/.
 */
