title: Warmth tokens
Warmth tokens
The Warmth theme centers on a coral accent with warm neutrals, borderless cards, and sentence-case typography.
Color tokens
| Token | Light | Dark |
|---|---|---|
--color-primary | #FF385C | #FF385C |
--color-accent | #00A699 | #00A699 |
--color-background | #FFFFFF | #1A1A1A |
--color-foreground | #222222 | #F7F7F7 |
--color-card | #F7F7F7 | #2A2A2A |
--color-border | #DDDDDD | #3A3A3A |
Coral stays the same across light and dark modes — it's the emotional anchor of the theme.
Typography
- All caps never
- Plus Jakarta Sans (Regular/Medium/SemiBold/Bold)
- Sentence case throughout
- No tracking-wider/-widest
Corners
rounded-lg(12px) defaultrounded-xl(16px) for cardsrounded-fullfor avatars and pill buttons
Customization
Same pattern as any theme — edit global.css tokens. To soften the coral, try:
--color-primary: 255 113 113; /* softer pink */
Or swap for a completely different warm hue (terracotta, amber) without touching any component.