/* ============================================================
   main.css — single stylesheet entry point.
   Imports every layer in cascade order. responsive.css is last
   so the mobile single-scroll layout overrides desktop rules.
   To add a new window/section: drop a file in components/ and
   @import it below (before responsive.css).
   ============================================================ */

/* 1. tokens + base */
@import "tokens.css";
@import "base.css";
@import "boot.css";

/* 2. shared primitives */
@import "buttons.css";

/* 3. layout / chrome */
@import "menubar.css";
@import "desktop-icons.css";
@import "window.css";
@import "taskbar.css";
@import "cat.css";
@import "tweaks.css";

/* 4. window contents */
@import "components/hero.css";
@import "components/about.css";
@import "components/contact.css";
@import "components/work.css";
@import "components/case-study.css";
@import "components/resume.css";
@import "components/skills.css";
@import "components/career.css";
@import "components/notes.css";

/* 5. responsive (must win — keep last) */
@import "responsive.css";