:root { --brand-primary: #7C456C; --brand-primary-hover: #6B3B5D; --brand-primary-foreground: #FFFFFF; --brand-accent: #8F4F80; --brand-accent-hover: #7B446E; --brand-accent-foreground: #FFFFFF; --brand-surface: #FFFAF7; --brand-surface-muted: #F3EDEB; --brand-border: #D5D0CF; --brand-text: #2F2631; --brand-text-muted: #696168; --brand-focus: #000000; --color-brand-50: #F3EDEB; --color-brand-100: #D5D0CF; --color-brand-600: #7C456C; --color-brand-700: #7C456C; --color-brand-800: #6B3B5D }