/**
 * gloomy.io stylesheet — the one entry point. Owner: layouts/_partials/head.html.
 *
 * Hand-written vanilla CSS, no framework, no build step: what is written is
 * what ships (the binary embeds this tree). The cascade is governed by
 * @layer, declared once here in priority order, and every file enters
 * through @import … layer(); nothing is unlayered, so a later layer beats an
 * earlier one regardless of specificity and source order stops mattering.
 *
 *   reset      what the browser should have done
 *   tokens     tier 1 primitives, tier 2 semantic roles (the theme contract)
 *   base       the document: scheme, type, links, shared motion
 *   layout     header, nav, hero, footer, containers
 *   components cards, buttons, forms, feedback, tables, icons
 *   pages      one file per page family; feature-prefixed classes
 *
 * Rules: a selector has one owner file and appears once in it; no raw colour
 * outside tokens/; no alpha baked into a token (color-mix at the use site);
 * @keyframes names carry their feature prefix; the only !important is the
 * [hidden] rule in reset.css. Themes: tokens/semantic.css + base/base.css.
 */
@layer reset, tokens, base, layout, components, pages;

@import url("base/reset.css") layer(reset);
@import url("tokens/palette.css") layer(tokens);
@import url("tokens/semantic.css") layer(tokens);
@import url("base/base.css") layer(base);
@import url("layout/site.css") layer(layout);
@import url("components/icons.css") layer(components);
@import url("components/cards.css") layer(components);
@import url("components/buttons.css") layer(components);
@import url("components/forms.css") layer(components);
@import url("components/feedback.css") layer(components);
@import url("components/tables.css") layer(components);
@import url("pages/home.css") layer(pages);
@import url("pages/auth.css") layer(pages);
@import url("pages/access.css") layer(pages);
@import url("pages/broadcast.css") layer(pages);
@import url("pages/forecast.css") layer(pages);
@import url("pages/coherence.css") layer(pages);
@import url("pages/admin.css") layer(pages);
@import url("pages/prose.css") layer(pages);
@import url("pages/errors.css") layer(pages);