/* ============================================================
   MAIN CSS ENTRY POINT
   Import order matters — do not rearrange without reason
   ============================================================ */

/* 1. Base tokens & reset */
@import "./base/variables.css";
@import "./base/reset.css";
@import "./base/typography.css";

/* 2. Components */
@import "./components/grid-overlay.css";
@import "./components/header.css";
@import "./components/button.css";
@import "./components/badge.css";
@import "./components/intro.css";
@import "./components/case-card.css";
@import "./components/main-section.css";
@import "./components/footer.css";
@import "./components/section-menu.css";
/* @import "./components/component-name.css"; */

/* 3. Responsive overrides — must come LAST so media queries
      can override any component default (same specificity,
      later source order wins in the cascade)                 */
@import "./base/grid.css";

/* 3. Pages */
/* @import "./pages/home.css"; */
@import "./pages/case-1.css";
/* @import "./pages/components-page.css"; */
