/* =========================================================
   01. EXTERNAL FONTS
   ========================================================= */
@import url("https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;700;900&family=Open+Sans:wght@300;400;500;600;700;800&display=swap");

/* =========================================================
   02. CSS RESET & NORMALIZATION
   ========================================================= */
@import url("./css/reset.css");
@import url("./css/normalize.css");
@import url("./css/box-sizing.css");

/* =========================================================
   03. DESIGN TOKENS & GLOBAL VARIABLES
   ========================================================= */
@import url("./css/variables.css");
@import url("./css/colors.css");
@import url("./css/typography.css");
@import url("./css/spacing.css");
@import url("./css/breakpoints.css");
@import url("./css/shadows.css");
@import url("./css/borders.css");
@import url("./css/z-index.css");

/* =========================================================
   04. BASE & GLOBAL STYLES
   ========================================================= */
@import url("./css/global.css");
@import url("./css/base.css");
@import url("./css/body.css");
@import url("./css/headings.css");
@import url("./css/links.css");
@import url("./css/lists.css");
@import url("./css/media.css");
@import url("./css/selection.css");

/* =========================================================
   05. LAYOUT SYSTEM
   ========================================================= */
@import url("./css/layout.css");
@import url("./css/container.css");
@import url("./css/grid.css");
@import url("./css/flexbox.css");
@import url("./css/sections.css");
@import url("./css/wrappers.css");
@import url("./css/sidebar.css");
@import url("./css/columns.css");

/* =========================================================
   06. HEADER & NAVIGATION
   ========================================================= */
@import url("./css/header.css");
@import url("./css/navbar.css");
@import url("./css/navigation.css");
@import url("./css/mobile-menu.css");
@import url("./css/breadcrumbs.css");
@import url("./css/tabs.css");

/* =========================================================
   07. FOOTER
   ========================================================= */
@import url("./css/footer.css");
@import url("./css/footer-links.css");
@import url("./css/social-links.css");

/* =========================================================
   08. BUTTONS & INTERACTIVE ELEMENTS
   ========================================================= */
@import url("./css/buttons.css");
@import url("./css/button-variants.css");
@import url("./css/icons.css");
@import url("./css/tooltips.css");
@import url("./css/popovers.css");
@import url("./css/dropdowns.css");

/* =========================================================
   09. FORMS & INPUTS
   ========================================================= */
@import url("./css/forms.css");
@import url("./css/inputs.css");
@import url("./css/labels.css");
@import url("./css/selects.css");
@import url("./css/checkboxes.css");
@import url("./css/radio-buttons.css");
@import url("./css/toggles.css");
@import url("./css/range-sliders.css");
@import url("./css/validation.css");

/* =========================================================
   10. CARDS & CONTENT COMPONENTS
   ========================================================= */
@import url("./css/cards.css");
@import url("./css/panels.css");
@import url("./css/badges.css");
@import url("./css/alerts.css");
@import url("./css/notifications.css");
@import url("./css/modals.css");
@import url("./css/dialogs.css");
@import url("./css/accordions.css");
@import url("./css/carousels.css");
@import url("./css/pagination.css");

/* =========================================================
   11. TYPOGRAPHY & CONTENT
   ========================================================= */
@import url("./css/paragraphs.css");
@import url("./css/text-utilities.css");
@import url("./css/code-blocks.css");
@import url("./css/blockquote.css");
@import url("./css/tables.css");
@import url("./css/metadata.css");

/* =========================================================
   12. IMAGES, VIDEO & MEDIA
   ========================================================= */
@import url("./css/images.css");
@import url("./css/galleries.css");
@import url("./css/video.css");
@import url("./css/embeds.css");
@import url("./css/avatars.css");
@import url("./css/image-overlays.css");

/* =========================================================
   13. PAGE-SPECIFIC STYLES
   ========================================================= */
@import url("./css/home.css");
@import url("./css/about.css");
@import url("./css/services.css");
@import url("./css/products.css");
@import url("./css/blog.css");
@import url("./css/article.css");
@import url("./css/contact.css");
@import url("./css/pricing.css");
@import url("./css/dashboard.css");
@import url("./css/authentication.css");
@import url("./css/error-pages.css");

/* =========================================================
   14. ANIMATIONS & TRANSITIONS
   ========================================================= */
@import url("./css/animations.css");
@import url("./css/transitions.css");
@import url("./css/keyframes.css");
@import url("./css/loading.css");
@import url("./css/skeletons.css");
@import url("./css/scroll-effects.css");

/* =========================================================
   15. RESPONSIVE DESIGN
   ========================================================= */
@import url("./css/responsive.css");
@import url("./css/mobile.css");
@import url("./css/tablet.css");
@import url("./css/desktop.css");
@import url("./css/large-screens.css");
@import url("./css/orientation.css");

/* =========================================================
   16. THEMES & COLOR MODES
   ========================================================= */
@import url("./css/theme.css");
@import url("./css/light-mode.css");
@import url("./css/dark-mode.css");
@import url("./css/high-contrast.css");

/* =========================================================
   17. ACCESSIBILITY
   ========================================================= */
@import url("./css/accessibility.css");
@import url("./css/focus-visible.css");
@import url("./css/reduced-motion.css");
@import url("./css/screen-readers.css");

/* =========================================================
   18. UTILITIES & HELPERS
   ========================================================= */
@import url("./css/utilities.css");
@import url("./css/display.css");
@import url("./css/positioning.css");
@import url("./css/overflow.css");
@import url("./css/visibility.css");
@import url("./css/print.css");

/* =========================================================
   19. THIRD-PARTY LIBRARY OVERRIDES
   ========================================================= */
@import url("./css/vendor.css");
@import url("./css/library-overrides.css");

/* =========================================================
   20. FINAL OVERRIDES
   ========================================================= */
@import url("./css/overrides.css");
@import url("./css/custom.css");