/* Cascade order: later layers win regardless of selector specificity; unlayered rules beat all layers */
@layer reset, base, layout, components, patterns;

@import url("fonts.css");
@import url("tokens.css");
@import url("reset.css");
@import url("base.css");
@import url("layout.css");
@import url("components.css");
@import url("patterns/app-header.css");
@import url("patterns/error.css");
@import url("patterns/guest.css");
@import url("patterns/propellers.css");

/* Global utilities stay unlayered, so they always win */
[hidden] {
    display: none;
}

/* Hidden on screen but read by assistive technology, e.g. a heading the design leaves out */
.visually-hidden {
    position: absolute;
    inline-size: 1px;
    block-size: 1px;
    overflow: hidden;
    clip-path: inset(50%);
    white-space: nowrap;
}