/* ═══════════════════════════════════════════════════════
   QuizPin — Main Stylesheet Loader
   File: css/style.css
   ═══════════════════════════════════════════════════════

   PURPOSE
   -------
   Central stylesheet loader for the application.

   This file imports:
   - Base styles
   - Design variables
   - Shared components
   - Page-specific styles

   ARCHITECTURE
   ------------
   css/
   ├── base/
   ├── components/
   ├── pages/
   └── style.css

   IMPORTANT
   ---------
   - Do NOT write direct CSS here.
   - Keep this file import-only.
   - Import order matters.

   RESPONSIVE
   ----------
   All imported files are responsive-safe.
   ═══════════════════════════════════════════════════════ */


/* ======================================================
   BASE
   ====================================================== */

@import url('./base/reset.css');
@import url('./base/variables.css');
@import url('./base/global.css');


/* ======================================================
   COMPONENTS
   ====================================================== */

@import url('./components/navbar.css');
@import url('./components/buttons.css');
@import url('./components/forms.css');
@import url('./components/cards.css');
@import url('./components/modal.css');
@import url('./components/leaderboard.css');


/* ======================================================
   PAGES
   ====================================================== */

@import url('./pages/home.css');
@import url('./pages/create.css');
@import url('./pages/host.css');
@import url('./pages/play.css');
@import url('./pages/library.css');