/**
 * YAUB Theme - Modular CSS Architecture
 * Main entry point for all styles
 * 
 * This file imports all modular CSS files in the correct order.
 * Import order matters - base styles first, components second, utilities last.
 * 
 * File Structure:
 * ├── base/
 * │   ├── variables.css      - CSS custom properties and color schemes
 * │   ├── reset.css          - Browser resets and base HTML elements
 * │   └── typography.css     - Font faces, headings, and text styles
 * ├── layout.css             - Page structure and main layout
 * ├── components/
 * │   ├── sidebar.css        - Left navigation sidebar
 * │   ├── buttons.css        - All button styles
 * │   ├── toc.css            - Table of Contents (right side)
 * │   ├── tags.css           - Tags and categories
 * │   ├── code.css           - Code blocks and syntax highlighting
 * │   ├── notices.css        - Notices, admonitions, and alerts
 * │   ├── animations.css     - Keyframes and transitions
 * │   ├── feedback.css       - "Was this helpful?" feedback widget
 * │   ├── pagefind.css       - Pagefind search styling
 * │   └── series-nav.css     - Series navigation ("Part 1 of 3")
 * ├── utilities.css          - Utility/helper classes
 * └── responsive.css         - All media queries
 */

/* ========================================
   BASE STYLES (Order: 1)
   Foundation styles that everything else builds upon
======================================== */
@import "modular/base/variables.css";
@import "modular/base/reset.css";
@import "modular/base/typography.css";

/* ========================================
   LAYOUT (Order: 2)
   Main page structure and positioning
======================================== */
@import "modular/layout.css";

/* ========================================
   COMPONENTS (Order: 3)
   Reusable UI components
======================================== */
@import "modular/components/sidebar.css";
@import "modular/components/buttons.css";
@import "modular/components/toc.css";
@import "modular/components/tags.css";
@import "modular/components/code.css";
@import "modular/components/notices.css";
@import "modular/components/animations.css";
@import "modular/components/feedback.css";
@import "modular/components/pagefind.css";
@import "modular/components/series-nav.css";

/* ========================================
   UTILITIES (Order: 4)
   Helper classes for quick adjustments
======================================== */
@import "modular/utilities.css";

/* ========================================
   RESPONSIVE (Order: 5)
   Media queries and device-specific overrides
======================================== */
@import "modular/responsive.css";

/**
 * End of theme-yaub-modular.css
 * 
 * To use this modular version:
 * 1. Update your HTML to reference "theme-yaub-modular.css" instead of "theme-yaub.css"
 * 2. Keep the original "theme-yaub.css" as backup
 * 3. All functionality is preserved - just better organized!
 * 
 * Benefits:
 * - Easier maintenance: Find styles quickly in logical files
 * - Better performance: Browser can cache individual files
 * - Team collaboration: Multiple developers can work on different files
 * - Easier debugging: Smaller, focused files are easier to understand
 */