/* Hallmark · genre: modern-minimal · macrostructure: Workbench
 * design-system: theme/THEME.md · designed-as-app
 *
 * ---------------------------------------------------------------------------
 * PIER DESIGN SYSTEM — entry point
 *
 * This is the only stylesheet a view should link:
 *
 *     <link rel="stylesheet" href="/css/pier.css">
 *
 * Served by the existing express.static("public") mount in index.js, so no
 * server change is needed. Permitted by the CSP (style-src 'self').
 *
 * Order matters. tokens must land before anything reads them; components
 * override base; the social variant overrides components.
 *
 * @import costs one extra round trip on a cold cache (the five files then load
 * in parallel). Chosen over five <link> tags because ~106 views hand-roll their
 * own <head> and one line per view is far less to keep correct than five.
 *
 * Every path inside the system is relative, so the whole thing also renders
 * correctly from file:// — which is what lets theme/styleguide.html be opened
 * directly, with no server and no database.
 *
 * Full documentation: theme/THEME.md
 * ---------------------------------------------------------------------------
 */

@import url("./tokens.css");
@import url("./base.css");
@import url("./layout.css");
@import url("./components.css");
@import url("./variant-social.css");
