/* =============================================================================
   tokens.css — the design-token aggregator: the single entry that pulls the
   three token tiers in.
   IMPORT ORDER IS THE TIER ORDER: primitive -> semantic -> component, and a tier
   may only reference the tier loaded before it.
   Components may reference SEMANTIC + COMPONENT tokens only - never a primitive,
   never a raw hex. A NEW VALUE BELONGS TO THE TIER THAT OWNS ITS MEANING: a raw
   scale value to primitive, a role ("what is this colour FOR") to semantic, a
   per-widget knob to component.
   Every shell links this file raw and the browser follows the three @imports,
   so a token file must be reachable from this list - nothing links a tier on
   its own. `tokens/fonts.css` (the @font-face registry) is NOT imported here:
   the shells link it separately, immediately before this file.
   ============================================================================= */
@import url("tokens/primitive.css");
@import url("tokens/semantic.css");
@import url("tokens/component.css");