/* ================= EDU PRINT SOLUTIONS STYLESHEET ================= */
/*
 * CSS Architecture: Layered system following CSS_ARCHITECTURE_RULES.md
 *
 * Import order (highest to lowest priority):
 * 1. Tokens - design system values
 * 2. Theme - page-level context and base styles
 * 3. Layout - structure, spacing, positioning
 * 4. Components - visual treatment
 */

/* ================= LAYER 1: TOKENS ================= */
@import url('css/tokens/colors.css');
@import url('css/tokens/typography.css');
@import url('css/tokens/spacing.css');
@import url('css/tokens/effects.css');
@import url('css/tokens/layout.css');

/* ================= LAYER 2: THEME ================= */
@import url('css/theme/base.css');
@import url('css/theme/page.css');
@import url('css/theme/accessibility.css');

/* ================= LAYER 3: LAYOUT ================= */
@import url('css/layout/container.css');
@import url('css/layout/grids.css');
@import url('css/layout/sections.css');
@import url('css/layout/responsive.css');

/* ================= LAYER 4: COMPONENTS ================= */
@import url('css/components/logo.css');
@import url('css/components/buttons.css');
@import url('css/components/cards.css');
@import url('css/components/hero.css');
@import url('css/components/process.css');
@import url('css/components/trust.css');
@import url('css/components/value-cards.css');
@import url('css/components/footer.css');