/* ────────────────────────────────────────────────────────────────
 * Opacity — stylesheet entry
 *
 * Cascade layers control specificity so we can layer in section
 * styles later without worrying about source order:
 *
 *   reset → tokens → fluid → base → layout → components
 *   → sections → utilities → overrides
 *
 * Lower in this list wins. Each imported file declares its own
 * @layer block, so we only need to fix the ORDER here.
 */

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

@import url("./reset.css");
@import url("./tokens.css");
@import url("./fluid.css");
@import url("./base.css");
@import url("./components/scroll-cue.css");
@import url("./components/jump-overlay.css");
@import url("./components/progress.css");
@import url("./sections/intro.css");
@import url("./sections/demo.css");
@import url("./sections/cluster.css");
@import url("./sections/tree.css");
@import url("./sections/corpus.css");
@import url("./sections/outro.css");