/**
 * MindCar 4.0 - Master CSS File
 * Sistema di Stile Unificato - Singola Fonte di Verità
 * 
 * IMPORTANTE: Questo file importa tutti i CSS nell'ordine corretto.
 * Modificando le variabili in design-tokens.css, i cambiamenti si propagano
 * automaticamente in tutta l'applicazione.
 * 
 * Ordine di importazione:
 * 1. Design Tokens (variabili CSS)
 * 2. Base (reset e stili HTML base)
 * 3. Layout (struttura dell'applicazione)
 * 4. Components (componenti riutilizzabili)
 * 5. Utilities (classi di utilità)
 * 6. Dark Theme (tema scuro completo)
 */

/* ===== 1. DESIGN TOKENS ===== */
@import url('./design-tokens.css');

/* ===== 2. BASE STYLES ===== */
@import url('./base.css');

/* ===== 3. LAYOUT ===== */
@import url('./layout.css');

/* ===== 4. COMPONENTS ===== */
@import url('./components.css');
@import url('./buttons.css');

/* ===== 4b. PAGES SPECIFIC STYLES ===== */
/* Guida (indice e contenuti markdown/mermaid) */
@import url('./guide.css');

/* ===== 5. UTILITIES ===== */
@import url('./utilities.css');

/* ===== 6. DARK THEME ===== */
@import url('./dark-theme.css');

/* Theme fixes - Correzioni specifiche per problemi di tema */
@import url('theme-fixes.css');

/* Header fixes - Correzioni specifiche per i pulsanti dell'header */
@import url('header-fix.css');

/**
 * ===== SISTEMA COMPLETATO =====
 * 
 * Questo sistema sostituisce tutti i 21 file CSS frammentati con:
 * - 1 file di design tokens (variabili CSS)
 * - 4 file organizzati per categoria
 * - 1 file master per l'importazione
 * - 1 file completo per il tema scuro
 * 
 * VANTAGGI:
 * ✅ Singola fonte di verità per tutti gli stili
 * ✅ Modifiche propagate automaticamente
 * ✅ Consistenza visiva garantita
 * ✅ Manutenibilità migliorata
 * ✅ Performance ottimizzate
 * ✅ Supporto tema scuro completo e ottimizzato
 * ✅ Responsive design unificato
 * ✅ Accessibilità migliorata
 * ✅ Tabelle e elementi corretti nel tema scuro
 * 
 * UTILIZZO:
 * Includere solo questo file nel template base:
 * <link rel="stylesheet" href="{{ url_for('static', filename='css/mindcar.css') }}">
 * 
 * Per modificare colori, spaziature, font, ecc.:
 * Modificare solo le variabili in design-tokens.css
 */