/* ============================================================================
 * TimeWork · css/main.css
 * ----------------------------------------------------------------------------
 * PUNTO DE ENTRADA ÚNICO DE LOS ESTILOS.
 *
 * `index.html` enlaza SÓLO este archivo. Los demás se cargan desde aquí con
 * `@import`. Ventajas de este planteamiento en un proyecto sin empaquetador:
 *   - Una sola etiqueta <link> en el HTML: menos ruido y una sola URL que
 *     versionar en la caché del Service Worker.
 *   - El orden de importación queda documentado y es explícito.
 *
 * ⚠️ EL ORDEN IMPORTA (la "C" de CSS es de "Cascading", en cascada):
 *   1. tokens.css      -> define las variables. Debe ir SIEMPRE primero,
 *                         porque todo lo demás las consume.
 *   2. base.css        -> reinicio y elementos HTML desnudos.
 *   3. layout.css      -> estructura general de la página.
 *   4. components.css  -> piezas reutilizables.
 *   5. views.css       -> ajustes concretos de cada pantalla (pueden y deben
 *                         poder matizar a un componente, por eso van después).
 *   6. print.css       -> el último, porque su @media print debe poder
 *                         sobrescribir cualquier cosa anterior.
 *
 * Nota de rendimiento: `@import` encadena descargas (el navegador debe leer
 * main.css antes de descubrir los demás). En una aplicación de este tamaño el
 * coste es despreciable y el Service Worker precachea los seis archivos en la
 * instalación, así que a partir de la segunda visita todo sale de la caché.
 * Si algún día el proyecto crece mucho, la migración natural es concatenar
 * estos seis archivos en uno solo durante un paso de compilación.
 * ========================================================================== */

@import url("tokens.css");
@import url("base.css");
@import url("layout.css");
@import url("components.css");
@import url("views.css");
@import url("print.css");