Colors
Color palette and tokens
CSS Variables
--color-accent 236, 72, 153
Primary accent color (pink)
--color-accent-subtle rgba(var(--color-accent), 0.7)
Subtle accent for eyebrows
Background Tokens
.background-color-base stone-50 / stone-950
.background-color-subtle stone-100 / stone-900
.background-color-subtler stone-200 / stone-800
.background-color-subtlest stone-300 / stone-700
Text Tokens
The quick brown fox
.text-color-base 100% opacity The quick brown fox
.text-color-subtle 70% opacity The quick brown fox
.text-color-subtler 60% opacity The quick brown fox
.text-color-subtlest 40% opacity Border Tokens
.border-color-base .border-color-subtle .border-color-subtler .border-color-subtlest Dark Mode
Dark mode is enabled via Tailwind's class strategy. The site
automatically respects the user's system preference.
All color tokens include both light and dark mode values. Toggle your system appearance to preview.