/* ============================================================
   main.css — KOON Master Stylesheet
   Import order matters: base → components
   Never write styles here directly — use the partials below.
============================================================ */

/* ── Base Layer ─────────────────────────────────────────── */
@import url('./base/_variables.css');
@import url('./base/_reset.css');
@import url('./base/_utilities.css');

/* ── Component Layer ─────────────────────────────────────── */
@import url('./components/_navbar.css');
@import url('./components/_drawer.css');
@import url('./components/_hero.css');
@import url('./components/_about.css');
@import url('./components/_portfolio.css');
@import url('./components/_packages.css');
@import url('./components/_start.css');
@import url('./components/_affiliate.css');
@import url('./components/_testimonials.css');
@import url('./components/_footer.css');
@import url('./components/_modal.css');
@import url('./components/_toast.css');

/* ── Responsive Overrides ────────────────────────────────── */
@import url('./components/_responsive.css');