@layer base, components, utilities, theme;

/* The always-loaded core: foundations (base), the app-shell layout (app,
   gated on the `app` body class), the document/site layout (site, gated on
   the `site` body class), and utilities. Component stylesheets are
   not imported here — `withComponentAssets` injects each
   `/css/components/<name>.css` per page, keyed off the component's
   `data-component`. Tables are styled by `prose.css` (`.prose table`). */
@import "./base.css";
@import "./app.css";
@import "./site.css";
@import "./utilities.css";

/* Apple-style typed modifiers (see src/html/modifiers/*). Small and ~universal,
   so always loaded as part of the core rather than detected per page. */
@import "./modifiers/background.css";
@import "./modifiers/content-mode.css";
@import "./modifiers/corner-radius.css";
@import "./modifiers/font.css";
@import "./modifiers/font-weight.css";
@import "./modifiers/foreground-style.css";
@import "./modifiers/multiline-text-alignment.css";
@import "./modifiers/scroll.css";

@view-transition {
    navigation: auto;
}