/* Layer architecture */
/* Best practice to put @layer at top of the import file for organization */

@layer reset, base, typography, theme, layouts, components, utilities;

/* Base */
@import "../css/base/reset.css" layer(reset);
/* @import '../css/base/normalize.css' layer(base); */
@import "../css/base/base.css" layer(base);
@import "../css/base/theme.css" layer(theme); /* theme variables */
@import "../css/base/typography.css" layer(typography); /* theme typography */
@import "../css/base/utilities.css" layer(utilities);

/* Layouts */
@import "../css/components/post.css" layer(layouts);

/* Components */
@import "../css/components/cards.css" layer(components); /* imports card */
@import "../css/components/footer.css" layer(components);
@import "../css/components/snackbar.css" layer(components); /* imports snackbar */
@import "../css/components/envelope.css" layer(components); /* imports envelope */
@import "../css/components/rosepetals.css" layer(components); /* imports rosepetals */
@import "../css/components/section-thoughts.css" layer(components); /* imports section-thoughts */
@import "../css/components/section-end.css" layer(components); /* imports section-thoughts */

/* ! important */
/* ? Question */
/* * Note */
/* TODO todo */