/* Main stylesheet orchestrator.
 * Load order matters: themes define tokens, base sets globals/resets,
 * layout shapes page scaffolding, components style UI pieces,
 * utilities provide helpers/one-offs.
 */

/* Theme tokens (light/dark, high/medium contrast) */
@import "./themes/theme-light.css";
@import "./themes/theme-dark.css";
@import "./themes/theme-light-mc.css";
@import "./themes/theme-light-hc.css";
@import "./themes/theme-dark-mc.css";
@import "./themes/theme-dark-hc.css";

/* Global reset, typography, and shared tokens */
@import "./base.css";

/* Page layout and scrollable regions */
@import "./layout.css";

/* Individual UI components (cards, todo items, controls) */
@import "./components.css";

/* Small utility helpers (e.g., visually-hidden) */
@import "./utilities.css";