/* =====================================================
   MAIN STYLESHEET
   Imports all CSS modules in correct order
   
   Use this as the single import in your HTML:
   <link rel="stylesheet" href="css/main.css">
   ===================================================== */

/* 1. Reset & Normalization */
@import url('reset.css');

/* 2. Fonts */
@import url('fonts.css');

/* 3. Design Tokens (CSS Custom Properties) */
@import url('variables.css');

/* 3. Themes - Light is default */
@import url('themes/light.css');
@import url('themes/dark.css');

/* 4. Base Styles & Utilities */
@import url('base.css');
@import url('utilities.css');

/* 5. Layout Components */
@import url('components/buttons.css');
@import url('components/header.css');
@import url('components/footer.css');
@import url('components/theme-toggle.css');
@import url('components/carousel.css');
@import url('components/floating-tool.css');
@import url('components/logged-in-nav.css');
@import url('components/icon-buttons.css');
@import url('components/forms.css');
@import url('components/tables.css');
@import url('components/cards.css');
@import url('components/badges.css');
@import url('components/modals.css');
@import url('components/grids.css');
@import url('components/toggles.css');
@import url('components/loading.css');
@import url('components/toast.css');
@import url('components/tooltips.css');
@import url('components/accordion.css');

/* 6. Page-Specific Styles */
@import url('pages/home.css');
@import url('pages/pricing.css');
@import url('pages/error-pages.css');
@import url('pages/status-pages.css');
@import url('pages/legal-pages.css');
@import url('pages/seo-template.css');
@import url('pages/auth-pages.css');
@import url('pages/settings.css');
@import url('pages/history.css');
@import url('pages/render.css?v=37');
@import url('pages/affiliate-pages.css');
@import url('pages/admin-pages.css');