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

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

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

/* Layouts */

@import "layout.css" layer(layouts);

/* Components */

@import "recipe-page.css" layer(components);

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