Oracle: tokens.css v0.1 (source of truth) — light theme must be a pure token flip (G9-1)
Every text pair AA-verified in the Guideline §3. Amber = warnings only; red = destructive/errors only; never notification counts.
Anchor: 700 = CCI logo blue #002CA0.
Launcher tiles, dock/launcher icons, breadcrumb chips, widget chips, empty-state accents ONLY. Never on interactive elements.
Inter variable, vendored. Sentence case everywhere; tabular numerals on every numeric column, ID, count, and badge. No sizes outside this scale.
Per-surface speeds; spring = something arrives, standard = state change in place. Exits ~0.7×. Reduced motion collapses everything to a 100ms fade. Live demos ride the primitives specimens.
| duration-press | 80ms | hover lift, press feedback |
| duration-nav | 120ms | page transitions, list entrances (25ms stagger), tabs, switches |
| duration-expand | 160ms | accordions, inline expand/collapse |
| duration-overlay | 200ms | palette, menus, dialogs; toasts at 0.6× |
| duration-entrance | 220ms | launcher tile entrance (30ms stagger) |
| duration-surface | 400ms | drawers and large panels only |
| ease-standard | cubic-bezier(0.2, 0, 0, 1) | default — state changes in place |
| ease-spring | linear(…) ~5% overshoot | palette, presses, toasts, menus |
| ease-spring-gentle | linear(…) ~2.5%, settles by 65% | drawers, large surfaces |