/*
  Entry stylesheet — declares cascade layer order and imports every module.
  Load this single file from each HTML page:
    <link rel="stylesheet" href="styles/main.css">
*/

@layer reset, tokens, base, layout, components, utilities, pages;

/* Design tokens (must load before base/layout/components consume them) */
@import url("design-system/colors.css");
@import url("design-system/typography.css");
@import url("design-system/spacing.css");
@import url("design-system/shadows.css");
@import url("design-system/borders.css");
@import url("design-system/breakpoints.css");
@import url("design-system/motion.css");
@import url("design-system/z-index.css");

/* Foundation */
@import url("reset.css");
@import url("base.css");
@import url("layout.css");

/* Reusable components */
@import url("components/buttons.css");
@import url("components/header.css");
@import url("components/navigation.css");
@import url("components/language-switcher.css");
@import url("components/breadcrumbs.css");
@import url("components/hero.css");
@import url("components/cards.css");
@import url("components/forms.css");
@import url("components/accordion.css");
@import url("components/modal.css");
@import url("components/timeline.css");
@import url("components/floating-actions.css");
@import url("components/footer.css");

/* Utilities (highest specificity intent before page-specific overrides) */
@import url("utilities.css");