/* ============================================================================= C-Link design tokens — the single source of truth for every visual value. ----------------------------------------------------------------------------- Import order is the cascade, and it is not interchangeable: 1. primitives.css raw ramps, type, spacing, radii, motion 2. semantic-light.css what a colour is FOR, in light 3. semantic-dark.css the same roles, in dark 4. components.css the names components actually consume 5. charts.css one colour per analytics metric Themes are selected two ways and both are supported everywhere: - `[data-theme="light|dark"]` on , which is what lets and the browser's own overscroll area take the right background. - `.app-root.theme-light|theme-dark`, the in-app root class. Rules of the house: - A component reads a component or semantic token. Never a primitive, never a literal. - A role defined in one theme must be defined in both. ============================================================================= */ @import "./primitives.css"; @import "./semantic-light.css"; @import "./semantic-dark.css"; @import "./components.css"; @import "./charts.css";