/*
 * 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/ (vendored from docs/design-system).
 *   - 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 (vendored from docs/design-system/tokens). Imported first so the
   legacy-name bridge in base/variables.css can alias onto them. */
@import url("/assets/tokens/colors-61622f73.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-c8384655.css");

@import url("/assets/base/variables-32528f99.css");
@import url("/assets/base/reset-13ab89ad.css");
@import url("/assets/base/site-chrome-5f7b6009.css");
@import url("/assets/base/layout-5a9f91d0.css");
@import url("/assets/base/components-de551266.css");
@import url("/assets/base/demo-primitives-292d8ca7.css");
@import url("/assets/base/code-viewer-e586fd7e.css");

/* Per-page presentation styles (independent of the catalog sidebar). */
@import url("/assets/pages/landing-544ce1e5.css");
@import url("/assets/pages/content-77ecb1a1.css");