Foundations
Semantic
background
foreground
card
primary
secondary
muted
accent
destructive
border
Accents
Logica ERP
Logica Visi
Logica Spatia
Logica Flow
Palette
Gray · neutral (light surfaces & text)
Navy · dark surfaces & text
Teal · Logica brand
Red · status / destructive
Raw ramps. Consume the semantic tokens above (bg-primary, text-muted-foreground …), not these steps directly.
Spacing scale
--spacing-012px
--spacing-024px
--spacing-038px
--spacing-0412px
--spacing-0516px
--spacing-0624px
--spacing-0732px
--spacing-0840px
--spacing-0948px
--spacing-1064px
--spacing-1180px
--spacing-1296px
--spacing-13160px
Type scale
The quick brown foxDisplay
The quick brown foxHeading
The quick brown foxTitle
The quick brown foxBody
The quick brown foxSmall
Radii
rounded-sm
rounded-md
rounded-lg
rounded-xl