/* ── Entry point — import order matters ──────────────────────── */

/* 1. Tokens */
@import './variables.css';

/* 2. Mobile warning — renders before JS loads */
@import './mobile-warning.css';

/* 3. Resets and body */
@import './base.css';

/* 4. Shell structure */
@import './layout.css';

/* 5. Reusable UI components */
@import './components.css';

/* 6. Charts — shared between dashboard and performance */
@import './charts.css';

/* 7. Animations and skeleton loading */
@import './animations.css';
@import './skeletons.css';

/* 8. Login screen */
@import './login.css';

/* 9. Success modal */
@import './success-modal.css';

/* 10. Page-specific styles */
@import './pages/dashboard.css';
@import './pages/staff.css';
@import './pages/performance.css';
@import './pages/locations.css';
@import './pages/notifications.css';