/* ──────────────────────────────────────────────────────────────
   LFG · STYLES INDEX
   Single-source-of-truth import file. The HTML only needs to
   link THIS one stylesheet — everything else loads from here.

   Order matters:
     1. tokens   → :root variables
     2. base     → reset, fonts, wallpaper, ambient
     3. chrome   → shell pieces (window, dock, etc.)
     4. common   → reusable atoms (card, badge, eyebrow…)
     5. apps/*   → per-app styles
     6. modes    → toast / expose overlays
   ────────────────────────────────────────────────────────────── */

@import url('./tokens.css');
@import url('./base.css');

/* === Shell chrome ============================================ */
@import url('./window.css');
@import url('./dock.css');
@import url('./statuspill.css');
@import url('./ctrlbar.css');
@import url('./expose.css');

/* === Reusable atoms ========================================== */
@import url('./common.css');
@import url('./toast.css');
@import url('./admin-panel.css');
@import url('./rewarded-bloom-popup.css');
@import url('./responsive.css');
@import url('./living-grove.css');
@import url('./onboarding.css');

/* === Per-app styles ========================================== */
@import url('./apps/timer.css');
@import url('./apps/echo.css');
@import url('./apps/flowbie.css');
@import url('./apps/blooms.css');
@import url('./apps/almanac.css');
@import url('./apps/journal.css');
@import url('./apps/community.css');