Design Tokens
Ported from src/index.css — compare against the legacy app at localhost:8443.
Colour — Primary
Primary
--primary
Primary Dark
--primary-dark
Primary Mid
--primary-mid
Primary Pale
--primary-pale
Colour — Brand (dark surfaces)
Brand
--brand
Brand Mid
--brand-mid
Brand Light
--brand-light
Hero BG
--hero-bg
Colour — Semantic
Success
--success
Warning
--warning
Error
--error
Info
--info
Colour — Neutrals
Fg
--fg
Muted
--muted
Muted 2
--muted-2
Border
--border
Surface
--surface
Card
--card
Bg
--bg
Spacing scale
4px
8px
12px
16px
20px
24px
32px
40px
48px
56px
64px
96px
Border radius
xs
--r-xs
--r-xs
sm
--r-sm
--r-sm
base
--r
--r
md
--r-md
--r-md
lg
--r-lg
--r-lg
xl
--r-xl
--r-xl
Type scale
DisplayPandaHub
Body LGElectronics sourcing & installment purchase.
BodyElectronics sourcing & installment purchase.
Body SMElectronics sourcing & installment purchase.
MonoPH-2026-08841
Nav heights (must sum to --nav-total)
--utility-h: 34px--main-nav-h: 88px--cat-nav-h: 46px--nav-total: 168px