/* =========================================================
 *  MyJo — main stylesheet entry
 *
 *  Loaded once from every page via:
 *     <link rel="stylesheet" href="styles/main.css" />
 *
 *  Order matters — later imports win over earlier ones:
 *    1. Base   — tokens, reset, type scale
 *    2. Legacy — the older monolithic styles (kept until
 *                every section is migrated into components/)
 *    3. Components — clean, isolated, reusable pieces
 *    4. Pages  — page-specific layouts
 *    5. Utils  — animation polish + helpers
 *
 *  As pieces move into components/ they should be removed
 *  from legacy.css so it shrinks over time. The goal is to
 *  delete legacy.css entirely.
 * ======================================================= */

@import url("base/_variables.css?v=20260528193324");
@import url("base/_reset.css?v=20260528193324");

/* TODO: shrink and eventually delete this as components/ grow */
@import url("legacy.css?v=20260528193324");

@import url("base/_typography.css?v=20260528193324");

@import url("components/icon-3d.css?v=20260528193324");
@import url("components/button.css?v=20260528193324");
@import url("components/header.css?v=20260528193324");
@import url("components/drawer.css?v=20260528193324");
@import url("components/roundmap.css?v=20260528193324");
@import url("components/practice.css?v=20260528193324");
@import url("components/code-runner.css?v=20260528193324");
@import url("components/lesson-extras.css?v=20260528193324");
@import url("components/admin.css?v=20260528193324");
@import url("components/coding.css?v=20260528193324");
@import url("components/loader.css?v=20260528193324");

@import url("pages/curriculum.css?v=20260528193324");
@import url("pages/lesson.css?v=20260528193324");