/* prep — single CSS entry point.
 *
 * Architecture (ITCSS-shaped, native @layer for cascade control):
 *
 *   reset      — minimal element resets
 *   tokens     — :root custom props (colors, type, spacing)
 *   base       — html / body / heading / link / focus defaults
 *   layout     — page chrome (.paper centered column)
 *   components — one file per component (buttons, forms, prelude, …)
 *   utilities  — single-purpose helpers (.visually-hidden, …)
 *   overrides  — page-scoped exceptions; should stay near-empty
 *
 * Layer order: reset < tokens < base < layout < components <
 * utilities < overrides. The `legacy` layer that previously held
 * the pre-overhaul stylesheet is gone — every rule has been
 * migrated into a component file under ./components/.
 */

@layer reset, tokens, base, layout, components, utilities, overrides;

@import "./reset.css" layer(reset);
@import "./tokens.css" layer(tokens);
@import "./base.css" layer(base);
@import "./layout.css" layer(layout);

@import "./components/pill.css" layer(components);
@import "./components/mastery-bar.css" layer(components);
@import "./components/buttons.css" layer(components);
@import "./components/forms.css" layer(components);
@import "./components/prelude.css" layer(components);
@import "./components/prose.css" layer(components);
@import "./components/masthead.css" layer(components);
@import "./components/user-indicator.css" layer(components);
@import "./components/workflow-badge.css" layer(components);
@import "./components/recent-sessions.css" layer(components);
@import "./components/settings-agent.css" layer(components);
@import "./components/settings-api.css" layer(components);
@import "./components/settings-srs.css" layer(components);
@import "./components/row-overflow-menu.css" layer(components);
@import "./components/session-menu.css" layer(components);
@import "./components/sheet.css" layer(components);
@import "./components/snoozed-group.css" layer(components);
@import "./components/stale-session.css" layer(components);
@import "./components/deck-list.css" layer(components);
@import "./components/deck-page.css" layer(components);
@import "./components/deck-hero.css" layer(components);
@import "./components/card-index.css" layer(components);
@import "./components/study-card.css" layer(components);
@import "./components/code-editor.css" layer(components);
@import "./components/result.css" layer(components);
@import "./components/discuss.css" layer(components);
@import "./components/mcq.css" layer(components);
@import "./components/empty-state.css" layer(components);
@import "./components/colophon.css" layer(components);
@import "./components/generation.css" layer(components);
@import "./components/spinners.css" layer(components);
@import "./components/card-preview.css" layer(components);
@import "./components/transform.css" layer(components);
@import "./components/deck-new.css" layer(components);
@import "./components/error.css" layer(components);
@import "./components/notify-settings.css" layer(components);
@import "./components/deck-export.css" layer(components);
@import "./components/byok-settings.css" layer(components);
@import "./components/trivia-card.css" layer(components);
@import "./components/session-summary.css" layer(components);
@import "./components/notify-log.css" layer(components);
@import "./components/landing.css" layer(components);
@import "./components/pwa-install.css" layer(components);
@import "./components/mobile.css" layer(components);