/* 31mobile design system — the one file a page links.
   Tokens first, then the component layer built on top of them.
   No page may declare its own colours, sizes, or radii: every value
   below resolves to a token, and pages compose classes only. */

/* THE ?v= HAS TO BE ON EVERY LINE, NOT ONLY ON THE LINK.
   A frame asks for styles.css?v=N, so a bump refetches THIS file —
   and then the browser resolves the six imports below as six more
   requests with their own cache entries. Un-versioned, they are
   served from cache behind a freshly fetched manifest, and an edit
   to components.css does not reach the screen no matter how far the
   frame's ?v= is bumped. Keep these in step with the frames. */

@import "tokens/colors.css?v=47";
@import "tokens/typography.css?v=47";
@import "tokens/geometry.css?v=58";
@import "tokens/shape.css?v=47";
@import "tokens/base.css?v=47";
@import "components.css?v=65";