/**
 * ==========================================================================
 * BROKEN JAW FRAMES — ARCHITECTURAL STYLESHEET
 * Modular ITCSS Architecture / Haute Editorial Design System
 * ==========================================================================
 */

/* 1. Tokens & Design Variables */
@import url('tokens/variables.css');
@import url('tokens/themes.css');

/* 2. Base & Typography Foundations */
@import url('base/reset.css');
@import url('base/typography.css');

/* 3. Global Layout Structures */
@import url('layout/header.css');
@import url('layout/page.css');
@import url('layout/mobile-nav.css');
@import url('layout/footer.css');

/* 4. Modular UI Components */
@import url('components/buttons.css');
@import url('components/hero.css');
@import url('components/raw-slider.css');
@import url('components/portfolio.css');
@import url('components/stager.css');
@import url('components/stories.css');
@import url('components/prints.css');
@import url('components/vault.css');
@import url('components/artist.css');
@import url('components/commission.css');
@import url('components/lightbox.css');
@import url('components/legal-modal.css');
@import url('components/legal-page.css');

/* 5. Utility Classes & Keyframe Animations */
@import url('utilities/animations.css');

/* 6. Centralized Responsive Breakpoints */
@import url('responsive/media-queries.css');