/* The design system's entry point. Edit it: this file and everything it imports are
   source now.

   They were generated, copied out of a design canvas by scripts/sync-design.js, which
   took this import order from the canvas's own styles.css and rebuilt tokens/ from
   empty on every run. The canvas has been deleted and the script with it, so nothing
   can regenerate any of this. These files are the only copy of the system, and the
   old "do not edit" banner that stood here would now forbid touching the one thing
   nobody can rebuild.

   Adding a token means adding it to the right file under tokens/ and, if the file is
   new, adding an @import below. npm run check:design fails on any token reference that
   does not resolve to something defined here, which includes one written into a comment
   like this one: spelling the pattern out in full here failed the check on its own
   explanation, so it is described rather than quoted. */
@import url("fonts.css");
@import url("tokens/colors.css");
@import url("tokens/typography.css");
@import url("tokens/spacing.css");
@import url("tokens/elevation.css");
@import url("tokens/motion.css");
@import url("tokens/base.css");
@import url("components.css");