/*
 * This is the main application stylesheet.
 *
 * The CSS architecture follows these principles:
 * 1. Design Tokens: Variables for consistent theming
 * 2. Component-Based: Modular, reusable components
 * 3. Responsive: Mobile-first approach
 * 4. Maintainable: Organized by function
 * 5. Scalable: Easy to extend
 */

/* Base Styles - Load First */
@import url("/assets/base/_fonts-d78f5c6a.css");
@import url("/assets/base/_variables-5ecbc0b2.css");
@import url("/assets/base/_reset-062e84b7.css");

/* Theme Styles */
@import url("/assets/themes/_light-39bc974a.css");
@import url("/assets/themes/_dark-cf046692.css");

/* Layout Styles */
@import url("/assets/layouts/_header-a3cbadb0.css");
@import url("/assets/layouts/_main-9d78cf1a.css");

/* Editor */
@import url("/assets/actiontext-e646701d.css");

/* Component Styles */
@import url("/assets/components/_buttons-f2b8ab15.css");
@import url("/assets/components/_forms-dbbfa9a8.css");
@import url("/assets/components/_articles-f71d75be.css");
@import url("/assets/components/_tags-969bf3bf.css");
@import url("/assets/components/_theme-toggle-320fd828.css");