Styling
A guide to styling components with our color system.
Extended Color Variables
--destructive-foreground: Foreground color for destructive actions--info: Information state color--info-foreground: Foreground color for information states--success: Success state color--success-foreground: Foreground color for success states--warning: Warning state color--warning-foreground: Foreground color for warning states
These additional variables ensure consistent styling across components that need to communicate different states or levels of importance.