@layer tokens, theme, foundation, layout, component, project, animation, utility;

/* --- Tokens --- */
@import "tokens/color.css" layer(tokens);
@import "tokens/structure.css" layer(tokens);

/* --- Theme --- */
@import "theme/color.css" layer(theme);

/* --- Foundation --- */
@import "foundation/reset.css" layer(foundation);

/* --- Layout --- */
@import "layout/l-header.css" layer(layout);
@import "layout/l-main.css" layer(layout);
@import "layout/l-footer.css" layer(layout);

/* --- Component --- */
@import "component/c-button.css" layer(component);
@import "component/c-card.css" layer(component);
@import "component/c-logo.css" layer(component);
@import "component/c-nav.css" layer(component);

/* --- Project --- */
@import "project/p-card-list.css" layer(project);
@import "project/p-header.css" layer(project);
@import "project/p-footer.css" layer(project);
@import "project/p-pattern-banner.css" layer(project);

/* --- Animation --- */
@import "animation/a-pulse.css" layer(animation);

/* --- Utility --- */
@import "utility/u-sr-only.css" layer(utility);