/* ─────────────────────────────────────────────────────────────────────────
   Canvas — the web token hand-off. Link this one file.

   Plain CSS custom properties, one file per concern, no build step and no
   framework: any bundler or a bare <link> resolves it. Load order matters —
   the value layers come first, then `platforms` (whose --p-* skin values
   reference the semantic tokens via var()), then `base` (the only file with
   real rules, so it lands last).

   Scope: this is the WEB rendition. On iOS and Android, Canvas renders through
   its native platform skins and native modules, never this CSS. See the
   "Native approach on iOS and Android" directive in CLAUDE.md.

   Dark mode keys off a `.dark` class on the root element, never
   prefers-color-scheme, so an app can pin a scheme independently of the OS.
   Platform skins key off `data-platform="ios" | "android"`, defaulting to web.

   Geist and Geist Mono are the Canvas faces; --font-sans / --font-mono name
   them with a system fallback stack. Consumers self-host the faces (the kit
   ships no font files and makes no third-party request).
   ───────────────────────────────────────────────────────────────────────── */

@import "./tokens/colors.css";
@import "./tokens/palette.css";
@import "./tokens/typography.css";
@import "./tokens/spacing.css";
@import "./tokens/radius.css";
@import "./tokens/shadows.css";
@import "./tokens/platforms.css";
@import "./tokens/density.css";
@import "./tokens/surface.css";
@import "./tokens/motion.css";
@import "./tokens/base.css";