/* ════════════════════════════════════════════════════════════════════════════
   1. ABSTRACTS — design tokens and reset (zero visual output alone)
      Imported first so everything downstream can reference custom properties.
   ════════════════════════════════════════════════════════════════════════════ */
@import "./abstracts/variables.css";
@import "./abstracts/reset.css";

/* ════════════════════════════════════════════════════════════════════════════
   2. LAYOUT — page skeleton: grid areas, panel positioning, map container
      These define the boxes; components fill them.
   ════════════════════════════════════════════════════════════════════════════ */
@import "./layout/gameGrid.css";
@import "./layout/panelLayout.css";

/* ════════════════════════════════════════════════════════════════════════════
   3. COMPONENTS — one file per named UI piece; most foundational first
      Order:
        - Shared visual patterns (button, card, modalShell) first
        - Full-screen setups (setupScreen) next
        - Modal-heavy pieces (combat, dispatch, reward) next
        - Panel content (championPanel, headerPanel, logPanel) next
        - Widgets and overlays (heptagram, tooltip, mapControls, fog, tile) next
        - Detail views and shared pieces (championDetail, artifactChoice,
          potencies, swatch, panel, note, forms) next
        - HUD and decorative elements (hud, paleyCrossHighlight) last
   ════════════════════════════════════════════════════════════════════════════ */
@import "./components/button.css";
@import "./components/card.css";
@import "./components/modalShell.css";
@import "./components/setupScreen.css";
@import "./components/setupControls.css";
@import "./components/loadingOverlay.css";
@import "./components/combatModal.css";
@import "./components/tradeModal.css";
@import "./components/dispatchModal.css";
@import "./components/heraldModal.css";
@import "./components/weatherDisplay.css";
@import "./components/deathModal.css";
@import "./components/rewardModal.css";
@import "./components/championPanel.css";
@import "./components/headerPanel.css";
@import "./components/logPanel.css";
@import "./components/mainLog.css";
@import "./components/heptagramWidget.css";
@import "./components/tooltip.css";
@import "./components/mapControls.css";
@import "./components/minimap.css";
@import "./components/fog.css";
@import "./components/tile.css";
@import "./components/championDetail.css";

@import "./components/potencies.css";
@import "./components/swatch.css";
@import "./components/panel.css";
@import "./components/note.css";
@import "./components/forms.css";
@import "./components/textTreatment.css";
@import "./components/hud.css";
@import "./components/paleyCrossHighlight.css";
@import "./components/turnChrome.css";
@import "./components/facet.css";
@import "./components/bot-indicator.css";
@import "./components/confirmModal.css";
@import "./components/optionsModal.css";
@import "./components/devTools.css";
@import "./components/devToolsContent.css";

/* ════════════════════════════════════════════════════════════════════════════
   4. UI OVERRIDES — accessibility and responsive (imported last so they win
      by cascade position without needing higher specificity)
   ════════════════════════════════════════════════════════════════════════════ */
@import "./ui/a11y.css";
@import "./ui/responsive.css";

/* ── Dev reference: token preview sheet (not part of game UI, but kept for
   the dev token-reference page). Consider moving to its own entry point.   */
@import "./abstracts/tokenSheet.css";