/*
 * Stimeo UI Playground — the stylesheet entry point.
 *
 * Important: this CSS belongs to the Playground app, NOT to the Stimeo UI
 * library itself. The library is headless (behavior only) and ships no CSS.
 * These styles exist solely to make the demos legible while verifying behavior.
 *
 * Maintenance policy:
 *   - Brand design tokens live under tokens/.
 *   - Shared styles are split into files under base/ (base/variables.css is a
 *     thin bridge aliasing legacy names onto the tokens).
 *   - Per-component presentation CSS lives in each demo's sidecar
 *     app/views/components/demos/<name>/demo.css and is injected as <style> on
 *     the detail page (not bundled here, so the CSS shown in the code tab matches
 *     what actually renders).
 *   - This file only @imports and bundles the files under tokens/, base/ and pages/.
 */

/* Brand tokens. Imported first so the legacy-name bridge in base/variables.css
   can alias onto them. */
@import url("/assets/tokens/colors-ea3b34b0.css");
@import url("/assets/tokens/typography-69478025.css");
@import url("/assets/tokens/spacing-f4484673.css");
/* Self-hosted webfonts (Hanken Grotesk / JetBrains Mono) — woff2 under public/fonts/. */
@import url("/assets/tokens/fonts-9607afe4.css");

@import url("/assets/base/variables-3f8b161d.css");
@import url("/assets/base/reset-047663f3.css");
@import url("/assets/base/site-chrome-674d878b.css");
@import url("/assets/base/layout-0927f939.css");
@import url("/assets/base/components-38e582e9.css");
@import url("/assets/base/demo-primitives-dec33bcd.css");
@import url("/assets/base/code-viewer-b918fe6f.css");

/* Per-page presentation styles (independent of the catalog sidebar). */
@import url("/assets/pages/landing-69bb1d70.css");
@import url("/assets/pages/content-b532f474.css");