/* Bit.Bmotion Demo - design tokens. The demo carries no dependency other than Bit.Bmotion itself, so the design system it is built on is written out here rather than pulled from a component library. It is Microsoft's Fluent 2, transcribed: the brand ramp, the neutral ramps, the type ramp, the corner radii, the elevation shadows and the motion curves all carry Fluent's own names and Fluent's own values. Three layers, in the order a token should be reached for: 1. Ramps --bm-brand-10..160, --bm-grey-*. Raw colour. Never used outside this file. 2. Semantic --bm-clr-*, --bm-fnt-*, --bm-crn-*, --bm-shdw-*, --bm-dur-*, --bm-crv-*. What a token is *for*. This is the layer to write CSS against. 3. Aliases --bit-clr-*, --bm-primary and friends. The names the site used before this file was a design system, kept pointing at the semantic layer so that the twenty demo pages - each of which carries its own