/* ═══════════════════════════════════════════════════════════════════════════
   Puzzle2Gather — Modular CSS Barrel
   Imports all split stylesheets in correct cascade order.
   ═══════════════════════════════════════════════════════════════════════════ */

/* 1. Design tokens (CSS custom properties) — must come first */
@import "base/tokens.css";

/* 2. Reset & base styles */
@import "base/reset.css";

/* 3. Keyframe animations (referenced by later files) */
@import "base/animations.css";

/* 4. Layout primitives */
@import "layout/orientation.css";
@import "layout/loading.css";
@import "layout/app-container.css";

/* 5. HUD */
@import "hud/hud.css";
@import "hud/playing-hud.css";
@import "hud/contribution-bar.css";

/* 6. Components */
@import "components/piece-renderer.css";
@import "components/pixi-effects.css";
@import "components/sparks.css";
@import "components/drawers.css";
@import "components/tabs.css";
@import "components/chat.css";
@import "components/lobby.css";
@import "components/gallery.css";
@import "components/music-player.css";
@import "components/bg-picker.css";
@import "components/modal-overlay.css";
@import "components/profile-modal.css";
@import "components/news-modal.css";
@import "components/remote-cursors.css";
@import "components/avatar-bubbles.css";
@import "components/invite-preview.css";
@import "components/invite-sheet.css";

/* 7. Admin */
@import "admin/admin.css";

/* 8. Pages */
@import "pages/home.css";
@import "pages/room-setup.css";
@import "pages/gallery-screen.css";

/* 9. Responsive breakpoints (override earlier values) */
@import "base/responsive.css";

/* 10. Utilities & state transitions */
@import "base/utilities.css";

/* 11. Accessibility (reduced motion, focus, high contrast) */
@import "base/accessibility.css";

/* 12. WCAG touch targets (last — highest specificity intent) */
@import "base/wcag-touch.css";