/**
 * main.css - Archivo principal de imports CSS
 * Cubikos Planner
 * 
 * Este archivo importa todos los módulos CSS del proyecto.
 * Esto permite mantener el código CSS organizado y modular.
 * 
 * ESTRUCTURA:
 * - style.css: Estilos base y variables (se mantiene aparte por legado)
 * - components/: Componentes reutilizables (modales, paneles, navegación)
 * - views/: Estilos específicos de cada vista (home, editor)
 */

/* ===============================================
   TIPOGRAFÍA GLOBAL (debe ir PRIMERO)
   =============================================== */
@import url('./typography.css?v=42');

/* ===============================================
   COMPONENTES MODULARES
   =============================================== */

/* Modales (closet, furniture constructor, shortcuts, render overlay) */
@import url('./components/modals.css?v=42');

/* Paneles laterales y herramientas */
@import url('./components/panels.css?v=42');

/* Navegación principal y botones flotantes */
@import url('./components/navigation.css?v=43');
/* Controles de navegación 3D para trackpad/portátiles */
@import url('./components/trackpad-controls.css?v=42');

/* FredoScale: herramienta de redimensión inteligente de muebles */
@import url('./components/fredo-scale.css?v=42');

/* GridPicker: selector de cuadrícula para divisiones rápidas */
@import url('./components/grid-picker.css?v=1');
/* ===============================================
   VISTAS ESPECÍFICAS
   =============================================== */

/* Pantalla de inicio */
@import url('./views/home.css?v=42');

/* Editor 2D */
@import url('./views/editor.css?v=42');

/* Vista Planos de Corte */
@import url('./views/cutting.css?v=42');

/* ===============================================
   RESPONSIVE LAYOUT (debe ir AL FINAL)
   =============================================== */

/* Adaptación de layout para distintas resoluciones */
@import url('./responsive.css?v=44');