/* ==========================================
   Damas Online - Main CSS Bundle
   Mobile-First Modular Architecture
   ========================================== */

/*
 * Build Order:
 * 1. Base (variables, reset, typography)
 * 2. Layouts (grid, containers)
 * 3. Components (buttons, cards, navigation, modals, forms)
 * 4. Pages (home, game, jogar, content)
 * 5. Utilities (helpers)
 */

/* ========== Fonts ========== */
@import url('https://fonts.googleapis.com/css2?family=Outfit:wght@400;500;600;700;800&family=Fraunces:opsz,wght@9..144,600;9..144,700&display=swap');

/* ========== Base ========== */
@import './base/variables.css';
@import './base/reset.css';
@import './base/typography.css';

/* ========== Layouts ========== */
@import './layouts/grid.css';

/* ========== Components ========== */
@import './components/buttons.css';
@import './components/cards.css';
@import './components/navigation.css';
@import './components/modals.css';
@import './components/forms.css';

/* ========== Pages ========== */
@import './pages/home.css';
@import './pages/game.css';
@import './pages/jogar.css';
@import './pages/content.css';

/* ========== Utilities ========== */
@import './utilities/helpers.css';