/* ==============================
   MAIN CSS ENTRY POINT
   Import order matters — variables must come first.
   In production, use a bundler (Vite/Webpack) instead of @import.
============================== */

@import url('./variables.css');
@import url('./reset.css');
@import url('./layout.css');

/* Components */
@import url('./components/buttons.css');
@import url('./components/forms.css');
@import url('./components/header.css');
@import url('./components/nav.css');
@import url('./components/hero.css');
@import url('./components/cards.css');
@import url('./components/slider.css');
@import url('./components/footer.css');
@import url('./components/modal.css');

/* Google Fonts: Inter */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap');