/* Single stylesheet entry point. The layer order below is the whole cascade strategy:
   later layers beat earlier ones regardless of selector specificity, so a new rule
   goes in the layer that describes its job and never needs !important. See README.md. */
@layer tokens, themes, base, components, layout, overrides;

@import url("tokens.css") layer(tokens);
@import url("themes/dark.css") layer(themes);
@import url("base.css") layer(base);
@import url("components/controls.css") layer(components);
@import url("components/surfaces.css") layer(components);
@import url("components/fold.css") layer(components);
@import url("components/cards.css") layer(components);
@import url("components/tags.css") layer(components);
@import url("components/dice.css") layer(components);
@import url("components/status.css") layer(components);
@import url("components/lesson.css") layer(components);
@import url("layout/chrome.css") layer(layout);
@import url("layout/wide.css") layer(layout);
@import url("layout/compact.css") layer(layout);
@import url("overrides.css") layer(overrides);