Foundations
The raw materials. These are the same tokens already declared in each app's globals.css; phase 3 of the formalization hoists them into packages/ui so this page renders them from the single source of truth.
- ColorsBrand palette, opacity ramps, semantic mappings.
- ThemesDark (default) and light surface themes for dashboards vs intake/home.
- TypographySilenon + Karla scale, casing, and the line-height system.
- SpacingThe 4 / 8 / 16 / 24 / 32 rhythm and where each lands.
- Radii6 corner radii from xs/3px to xl/18px plus full pill.
- MotionEasings, durations, hover / press behavior.
- ElevationFlat by default; portal cards, hover lifts, focus rings.