/**
 * VarMovie Studio — stylesheet entry point.
 *
 * Layered like a design system; import order matters for the cascade:
 *   1. tokens      — CSS custom properties (the theming surface)
 *   2. base        — reset + element defaults
 *   3. components  — reusable building blocks
 *   4. layouts     — page shell and hero
 *   5. pages       — per-page compositions
 *   6. responsive  — breakpoint overrides, last so they always win
 */

@import "tokens.css";
@import "base.css";

@import "components/buttons.css";
@import "components/forms.css";
@import "components/feedback.css";
@import "components/modal.css";
@import "components/rail.css";
@import "components/cards.css";

@import "layouts/page.css";
@import "layouts/hero.css";

@import "pages/projects.css";
@import "pages/home.css";
@import "pages/project.css";
@import "pages/scene.css";
@import "pages/shot.css";
@import "pages/story.css";
@import "pages/creative-agent.css";
@import "pages/monitoring.css";
@import "pages/llm-settings.css";
@import "pages/login.css";
@import "pages/accounts.css";

@import "responsive.css";