/* ============================================================
   Unearthed Collective — Design System entry stylesheet.
   Consumers link THIS one file. Import order is intentional:
   fonts -> color -> type -> space/shape/motion -> base layer.
   Keep this file as @import lines only.
   ============================================================ */
@import url("./tokens/fonts.css");
@import url("./tokens/colors.css");
@import url("./tokens/typography.css");
@import url("./tokens/spacing.css");
@import url("./tokens/base.css");

/* Component styles (pseudo-states the JSX can't express inline) */
@import url("./styles/buttons.css");
@import url("./styles/forms.css");
@import url("./styles/cards.css");
@import url("./styles/content.css");
@import url("./styles/nav.css");
@import url("./styles/feedback.css");

/* Composition modules — backgrounds/bands, framed media, layout
   scaffolding, and editorial prose. These make the system able to
   build whole PAGES (not just the website), always on-brand. */
@import url("./styles/backgrounds.css");
@import url("./styles/media.css");
@import url("./styles/layout.css");
@import url("./styles/prose.css");