/* ==================== */
/* Main CSS Entry Point */
/* ==================== */
/* This file imports all modular CSS files in the correct order */

/* Base - Load first for cascade */
@import './base/variables.css';
@import './base/fonts.css';
@import './base/reset.css';
@import './base/utilities.css';

/* Components - Order by dependency */
@import './components/buttons.css';
@import './components/cards.css';
@import './components/skeleton.css';
@import './components/grids.css';
@import './components/header.css';
@import './components/sidebar.css';
@import './components/slideshow.css';
@import './components/forms.css';
@import './components/footer.css';

/* Pages - Page-specific styles */
@import './pages/home.css';
@import './pages/about.css';
@import './pages/videos.css';
@import './pages/pictures.css';
@import './pages/contact.css';

/* Responsive - Load last to override */
@import './pages/responsive.css';