/* =====================
   Main CSS File - Imports all other CSS files
   ===================== */

/* Core styles */
@import '../core/variables.css';
@import '../core/reset.css';
@import '../core/base.css';
@import '../core/typography.css';
@import '../core/utilities.css';

/* Layout styles */
@import '../layouts/containers.css';
@import '../layouts/grid.css';

/* Component styles */
@import '../components/button.css';
@import '../components/card.css';
@import '../components/sidebar.css';
@import '../components/search.css';
@import '../components/category.css';
@import '../components/navbar.css';
@import '../components/footer.css';
@import '../components/scroll-to-top.css';

/* Global styles */
@import 'scroll-animations.css';
@import 'animations.css';

/* Bootstrap Icons utility classes */
.bi-file-text {
    font-size: 3rem !important;
}

/* Error section styles */
.error-section {
    min-height: 80vh;
    background: var(--gradient-blue);
    color: var(--text-white);
    display: flex;
    align-items: center;
}