Cadence
Internal scheduling platform. This page is the design-token reference — it follows your system light/dark setting.
Surfaces
--bg-app
App canvas
--bg-surface
Cards, tables, panels
--bg-raised
Popovers, dialogs
--bg-sunken
Wells, sidebar
--bg-hover
Row hover
--bg-selected
Selected rows
Brand
ThinkFish
Restricted to the login screen, the public booking hero, and empty/error illustrations — never admin chrome, tables, or navigation (DESIGN.md §2.2). Identical in both themes: a brand has no dark variant.
State colours
--accent
Accent
--success
Confirmed
--warning
Pending, degraded
--danger
Cancelled, errors
--info
Informational
Type scale
| Token | Size/Line | Weight | Usage |
|---|---|---|---|
| text-display | 24/32 | 600 | Page titles |
| text-title | 18/26 | 600 | Section headers |
| text-subtitle | 15/22 | 600 | Card headers |
| text-body | 14/20 | 400 | Default UI text |
| text-small | 13/18 | 400 | Secondary metadata |
| text-micro | 12/16 | 500 | Badges, column headers |