/* ══════════════════════════════════════════════════════════════════════════
   Value Platform — Modular CSS Orchestrator
   ══════════════════════════════════════════════════════════════════════════
   This file imports all CSS modules in the correct cascade order.
   Vite processes these @import statements and bundles everything into
   a single optimized CSS file during `npm run build`.
   ══════════════════════════════════════════════════════════════════════════ */

/* 1. Design Tokens — CSS custom properties, fonts, spacing */
@import "./variables.css?v=3";

/* 2. Reset & Base — normalize, html/body, typography */
@import "./reset.css?v=3";

/* 3. Buttons — all button variants */
@import "./buttons.css?v=3";

/* 4. Navbar — navigation bar, dropdowns, search, profile */
@import "./navbar.css?v=3";
@import "./notifications.css?v=1";

/* 5. Hero — landing page hero section */
@import "./hero.css?v=3";

/* 6. Products — product cards, categories, specs, badges */
@import "./products.css?v=5";

/* 7. Slider — latest products marquee slider */
@import "./slider.css?v=3";

/* 8. Modals — auth modals, forms, overlays */
@import "./modal.css?v=3";

/* 9. Pharmacies — pharmacy directory section */
@import "./pharmacies.css?v=4";

/* 10. Doctors — doctor cards and portal */
@import "./doctors.css?v=3";

/* 11. Upload — file upload zone */
@import "./upload.css?v=3";

/* 12. Currency — Syrian Lira exchange rate widget */
@import "./currency.css?v=3";

/* 13. Responsive — all media queries (must be last) */
@import "./responsive.css?v=3";

/* 14. Skeleton — shimmer loading placeholders */
@import "./skeleton.css?v=3";

/* 15. Utilities — utility classes (.hidden, .fade-up) */
@import "./utilities.css?v=3";

/* 16. Page-specific — admin dashboard styles & cars portal */
@import "./page-admin-dashboard.css?v=3";
@import "./page-cars.css?v=1";