/* The only stylesheet a page links. Layer order is the cascade: later layers win. */
@layer tokens, base, layout, components, utilities, site, mockup;

@import url("tokens.css") layer(tokens);
@import url("base.css") layer(base);
@import url("layout.css") layer(layout);
@import url("components.css") layer(components);
@import url("navigation.css") layer(components);
@import url("feedback.css") layer(components);
@import url("data.css") layer(components);
/* Components: wired by the builder from css/components/ (one file each). */
@import url("components/advent-gold.css") layer(components);
@import url("components/brand-visit-button.css") layer(components);
@import url("components/card-glow.css") layer(components);
@import url("components/card-link.css") layer(components);
@import url("components/category-tile.css") layer(components);
@import url("components/clip-reveal.css") layer(components);
@import url("components/contact.css") layer(components);
@import url("components/custom.css") layer(components);
@import url("components/faq-cards.css") layer(components);
@import url("components/fave.css") layer(components);
@import url("components/form.css") layer(components);
@import url("components/lightbox.css") layer(components);
@import url("components/logo-flair.css") layer(components);
@import url("components/mobile-nav.css") layer(components);
@import url("components/motif.css") layer(components);
@import url("components/motion.css") layer(components);
@import url("components/nl-options.css") layer(components);
@import url("components/product-actions.css") layer(components);
@import url("components/product-image-link.css") layer(components);
@import url("components/product-page.css") layer(components);
@import url("components/product-slides.css") layer(components);
@import url("components/reveal.css") layer(components);
@import url("components/share-box.css") layer(components);
@import url("components/ship-filter.css") layer(components);
@import url("components/site-search.css") layer(components);
/* end of components */
@import url("utilities.css") layer(utilities);
@import url("sections.css") layer(utilities);
/* the site's own finishing rules: last, so they win over the look */
@import url("site.css") layer(site);
/* the person's mock-up: the site's design, last so it wins */
@import url("mockup.css") layer(mockup);