@layer reset, tokens, base, layout, components, sections, utilities;

@import url("base/reset.css") layer(reset);
@import url("base/tokens.css") layer(tokens);
@import url("base/global.css") layer(base);
@import url("base/typography.css") layer(base);

@import url("layout/container.css") layer(layout);
@import url("layout/section.css") layer(layout);

@import url("components/backdrop.css") layer(components);
@import url("components/brand-logo.css") layer(components);
@import url("components/pill.css") layer(components);
@import url("components/icon-button.css") layer(components);
@import url("components/action.css") layer(components);
@import url("components/section-heading.css") layer(components);
@import url("components/announcement.css") layer(components);
@import url("components/lang-switch.css") layer(components);
@import url("components/site-header.css") layer(components);
@import url("components/site-footer.css") layer(components);
@import url("components/project-card.css") layer(components);
@import url("components/service-card.css") layer(components);
@import url("components/polaroid.css") layer(components);
@import url("components/wordmark.css") layer(components);
@import url("components/field.css") layer(components);
@import url("components/contact-dialog.css") layer(components);

@import url("sections/services.css") layer(sections);

@import url("utilities/utilities.css") layer(utilities);
@import url("utilities/motion.css") layer(utilities);