/**
 * MAIN — declares cascade layer order once, then imports each partial into
 * its layer. Layer order below IS the source of truth for the cascade;
 * import order does not need to match it.
 */

@layer reset, tokens, base, layout, components, utilities, effects, animations, overrides;

@import url('./tokens.css') layer(tokens);
@import url('./reset.css') layer(reset);
@import url('./base.css') layer(base);
@import url('./layout.css') layer(layout);
@import url('./typography.css') layer(base);
@import url('./utilities.css') layer(utilities);
@import url('./effects.css') layer(effects);
@import url('./responsive.css') layer(overrides);
@import url('./intro.css') layer(overrides);

@import url('../components/header.css') layer(components);
@import url('../components/sidebar.css') layer(components);
@import url('../components/background.css') layer(components);
@import url('../components/hud.css') layer(components);
@import url('../components/tree-fx.css') layer(components);
@import url('../components/hero.css') layer(components);
@import url('../components/right-panel.css') layer(components);
@import url('../components/carousel.css') layer(components);
@import url('../components/community.css') layer(components);
@import url('../components/footer.css') layer(components);
@import url('../components/character-view.css') layer(components);
@import url('../components/cursor.css') layer(components);