/**
 * F1 Voorspellingen Website - Main CSS File
 * Master CSS file die alle andere stylesheets import
 *
 * Organisatie: SMACSS + BEM + Design Tokens + Mobile-First
 *
 * Import volgorde is belangrijk:
 * 1. Variables (design tokens)
 * 2. Base (reset + elements)
 * 3. Layout (structural components)
 * 4. Components (reusable UI components)
 * 5. Pages (page-specific styles)
 * 6. Responsive (media queries)
 * 7. Utilities (helper classes)
 */

/* ===== 1. DESIGN TOKENS ===== */
@import url('variables.css');

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

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

/* ===== 4. COMPONENTS ===== */
@import url('components/buttons.css');
@import url('components/badges.css');
@import url('components/cards.css');
@import url('components/scoreboard.css');
@import url('components/forms.css');
@import url('components/tables.css');
@import url('components/alerts.css');

/* ===== 5. PAGE-SPECIFIC ===== */
@import url('pages/auth.css');
@import url('pages/index.css');
@import url('pages/results.css');
@import url('pages/predict.css');
@import url('pages/admin.css');

/* ===== 6. RESPONSIVE (Mobile-First) ===== */
@import url('responsive.css');

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