@layer reset, layout, components, patterns, theme;

@import url('https://fonts.googleapis.com/css2?family=Bree+Serif&family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap');

/* Layout */
@import "./layout/base.css" layer(layout);

/* Layout */

/* Patterns */
@import "./patterns/site-header.css" layer(patterns);
@import "./patterns/site-footer.css" layer(patterns);
@import "./patterns/section-home-hero.css" layer(patterns);
@import "./patterns/section-principles.css" layer(patterns);
@import "./patterns/section-featured-projects.css" layer(patterns);
@import "./patterns/section-skills.css" layer(patterns);

/* Components */
@import "./components/buttons.css" layer(components);
@import "./components/cards.css" layer(components);
@import "./components/tags.css" layer(components);

/* Theme */
@import "./_utils.css" layer(theme);
@import "./variables/theme.css" layer(theme);
@import "./variables/core.css" layer(theme);
@import "./variables/semantic-md.css" layer(theme);
@import "./variables/semantic-chakra.css" layer(theme);