@layer site.layout,
site.components,
site.patterns,
theme.utils,
theme.seed,
theme.core,
theme.semantic,
theme.component,
theme.flourish;

@import url('https://fonts.googleapis.com/css2?family=Protest+Guerrilla&family=Space+Grotesk:wght@300..700&display=swap');

/* Theme */
@import "./_utils.css" layer(theme.utils);
@import "./variables/theme-northwest-vipers.css" layer(theme.seed);
@import "./variables/core.css" layer(theme.core);
@import "./variables/semantic.css" layer(theme.semantic);
@import "./primatives/colors.css" layer(theme.semantic);
@import "./primatives/typography.css" layer(theme.semantic);
/* Layout */
@import "./layout/main.css" layer(site.layout);
@import "./layout/site-header.css" layer(site.layout);
@import "./layout/site-footer.css" layer(site.layout);
@import "./layout/page.css" layer(site.layout);
/* Components */
@import "./components/button.css" layer(site.components);
@import "./components/cards.css" layer(site.components);
@import "./components/icons.css" layer(site.components);
@import "./components/filters.css" layer(site.components);
@import "./components/lightbox.css" layer(site.components);
@import "./primatives/flourishes.css" layer(theme.flourish);
/* Patterns */
@import "./patterns/hero.css" layer(site.patterns);
@import "./patterns/sponsors.css" layer(site.patterns);
@import "./patterns/schedule.css" layer(site.patterns);
@import "./patterns/around-the-league.css" layer(site.patterns);
@import "./patterns/squads.css" layer(site.patterns);
@import "./patterns/players.css" layer(site.patterns);
@import "./patterns/news.css" layer(site.patterns);
@import "./patterns/gallery.css" layer(site.patterns);
@import "./patterns/faqs.css" layer(site.patterns);
@import "./patterns/contact.css" layer(site.patterns);
@import "./patterns/shop.css" layer(site.patterns);