/* ============================================================
   RiseCode — Main Stylesheet
   ============================================================
   Loads all partials in ITCSS-like cascade order:
   1. Base       — tokens, reset, typography, layout
   2. Components — reusable UI (buttons, forms, modal)
   3. Sections   — page-specific layout
   4. Responsive — media queries last (highest specificity)
   ============================================================ */

/* ---- Base ---- */
@import "./base/_variables.css";
@import "./base/_reset.css";
@import "./base/_typography.css";
@import "./base/_layout.css";

/* ---- Components ---- */
@import "./components/_buttons.css";
@import "./components/_forms.css";
@import "./components/_modal.css";

/* ---- Sections ---- */
@import "./sections/_header.css";
@import "./sections/_hero.css";
@import "./sections/_services.css";
@import "./sections/_about.css";
@import "./sections/_portfolio.css";
@import "./sections/_stats.css";
@import "./sections/_contact.css";
@import "./sections/_footer.css";

/* ---- Atmosphere (image treatments — cinematic layer) ---- */
@import "./sections/_atmosphere.css";

/* ---- Responsive (last so overrides win) ---- */
@import "./sections/_responsive.css";