:root { --brand-primary: #0369A1; --brand-primary-hover: #035A8A; --brand-primary-foreground: #FFFFFF; --brand-accent: #0EA5E9; --brand-accent-hover: #30B2EC; --brand-accent-foreground: #000000; --brand-surface: #FFFFFF; --brand-surface-muted: #F1F1F2; --brand-border: #CFD1D4; --brand-text: #0F172A; --brand-text-muted: #525866; --brand-focus: #000000; --color-brand-50: #F1F1F2; --color-brand-100: #CFD1D4; --color-brand-600: #0369A1; --color-brand-700: #0369A1; --color-brand-800: #035A8A }