/* Challenge — entry stylesheet.
 *
 * Declare the cascade layers once, up front. Order = priority; later layers
 * win regardless of selector specificity, which lets selectors stay flat
 * (element-first, few classes) without specificity wars.
 *
 * tokens.css is imported UNLAYERED on purpose: custom properties resolve the
 * same regardless of layer, so any layer can read them freely.
 */
@layer reset, base, layout, components, utilities;

@import url("tokens.css");
@import url("reset.css")  layer(reset);
@import url("base.css")   layer(base);
@import url("layout.css") layer(layout);

@import url("components/button.css") layer(components);
@import url("components/blocks.css") layer(components);
@import url("components/race.css") layer(components);
@import url("components/gym.css") layer(components);
@import url("components/trainer.css") layer(components);
@import url("components/modal.css") layer(components);
@import url("components/team.css") layer(components);
@import url("components/shop.css") layer(components);
@import url("components/blog.css") layer(components);
@import url("components/header.css") layer(components);
@import url("components/footer.css") layer(components);
@import url("components/specimen.css") layer(components);