Colors
The Dot color palette is designed to be vibrant, high-contrast, and focused.
Primary
The core brand color used for primary actions and highlights.
#D74D0F
Variable: --primaryoklch(...)
Secondary
Used for secondary actions and subtle background elements.
#F8F8F8
Variable: --secondaryoklch(...)
Accent
Used for hover states and subtle highlights.
#F8F8F8
Variable: --accentoklch(...)
Muted
Used for non-interactive text and disabled states.
#F8F8F8
Variable: --mutedoklch(...)
Destructive
Used for destructive actions and error states.
#EF4444
Variable: --destructiveoklch(...)