Foundations
Library
Technology
Brand
Neutrals
Radix Colors + ShadCN with the Slate palette. Loaded dynamically from globals.css.
Background
pure white, page background
#ffffff
bg-backgroundForeground
slate-900, primary text
#0f172a
text-foregroundCard
white, cards and elevated containers
#ffffff
bg-cardCard Foreground
slate-900
#0f172a
text-card-foregroundPopover
#ffffff
bg-popoverPopover Foreground
#0f172a
text-popover-foregroundSecondary
slate-200, distinct subtle bg
#e2e8f0
bg-secondarySecondary Foreground
slate-900, dark text on secondary bg
#0f172a
text-secondary-foregroundMuted
slate-100, muted bg
#f1f5f9
bg-mutedMuted Foreground
slate-500, secondary text
#64748b
text-muted-foregroundBorder
slate-200
#e2e8f0
border-borderInput
slate-200
#e2e8f0
border-input