/* ==========================================================================
   Casual Friday Club — CSS entry point
   Declares cascade layer order, then imports every stylesheet into its
   layer. Later layers always win over earlier ones, regardless of
   selector specificity — so selectors stay simple everywhere.
   Component stylesheets are added to the components layer as they are
   built. Do not import CSS anywhere else.
   ========================================================================== */

@layer tokens, base, typography, layout, components, a11y;

@import url("./tokens.css") layer(tokens);
@import url("./base.css") layer(base);
@import url("./typography.css") layer(typography);
@import url("./layout.css") layer(layout);
@import url("./homepage.css") layer(layout);
@import url("./magazine-article.css") layer(layout);
@import url("./magazine-index.css") layer(layout);

/* Components — one import per component, alphabetical */
@import url("../components/aromacode/aromacode.css") layer(components);
@import url("../components/article-grid/article-grid.css") layer(components);
@import url("../components/bottle-grid/bottle-grid.css") layer(components);
@import url("../components/bottle-hero/bottle-hero.css") layer(components);
@import url("../components/bottle-promo/bottle-promo.css") layer(components);
@import url("../components/button/button.css") layer(components);
@import url("../components/card/card.css") layer(components);
@import url("../components/category-grid/category-grid.css") layer(components);
@import url("../components/category-shelf/category-shelf.css") layer(components);
@import url("../components/end-of-content/end-of-content.css") layer(components);
@import url("../components/feature-grid/feature-grid.css") layer(components);
@import url("../components/filter-pills/filter-pills.css") layer(components);
@import url("../components/icon-link/icon-link.css") layer(components);
@import url("../components/ingredient-hero/ingredient-hero.css")
layer(components);
@import url("../components/ingredient-recommendation/ingredient-recommendation.css")
layer(components);
@import url("../components/ingredient-showcase/ingredient-showcase.css")
layer(components);
@import url("../components/magazine-hero/magazine-hero.css") layer(components);
@import url("../components/media-text/media-text.css") layer(components);
@import url("../components/mission-statement/mission-statement.css")
layer(components);
@import url("../components/mixer-pairing/mixer-pairing.css") layer(components);
@import url("../components/newsletter-signup/newsletter-signup.css")
layer(components);
@import url("../components/page-title-block/page-title-block.css")
layer(components);
@import url("../components/pager/pager.css") layer(components);
@import url("../components/pre-footer/pre-footer.css") layer(components);
@import url("../components/recipe-author/recipe-author.css") layer(components);
@import url("../components/recipe-hero/recipe-hero.css") layer(components);
@import url("../components/recipe-list/recipe-list.css") layer(components);
@import url("../components/recipe-recommendation/recipe-recommendation.css")
layer(components);
@import url("../components/recipe-sheet/recipe-sheet.css") layer(components);
@import url("../components/section-heading/section-heading.css")
layer(components);
@import url("../components/shelf/shelf.css") layer(components);
@import url("../components/site-footer/site-footer.css") layer(components);
@import url("../components/site-header/site-header.css") layer(components);
@import url("../components/sponsor-slot/sponsor-slot.css") layer(components);
@import url("../components/sponsor-slot-bottle-grid/sponsor-slot-bottle-grid.css")
layer(components);
@import url("../components/tag/tag.css") layer(components);
@import url("../components/teaser/teaser.css") layer(components);
@import url("../components/teaser-row/teaser-row.css") layer(components);
@import url("../components/text-link/text-link.css") layer(components);
@import url("../components/topic-tiles/topic-tiles.css") layer(components);
@import url("../components/video-card/video-card.css") layer(components);

/* Development-only page controls. */
@import url("../dev/components/navigation.css") layer(components);
@import url("./a11y.css") layer(a11y);