:root{--brand-primary: #3B82F6;--brand-secondary: #8B5CF6}.text-brand-primary{color:#3b82f6}.text-brand-secondary{color:#8b5cf6}.bg-brand-primary{background-color:#3b82f6}.bg-brand-secondary{background-color:#8b5cf6}.border-brand-primary{border-color:#3b82f6}.border-brand-secondary{border-color:#8b5cf6}.hover\:bg-brand-primary:hover{background-color:#2563eb}.hover\:bg-brand-secondary:hover{background-color:#7c3aed}.hover\:text-brand-primary:hover{color:#3b82f6}.hover\:border-brand-primary:hover{border-color:#3b82f6}.focus\:ring-brand-primary:focus{--tw-ring-color: #3B82F6}.focus\:border-brand-primary:focus{border-color:#3b82f6}.from-brand-primary{--tw-gradient-from: #3B82F6}.to-brand-secondary{--tw-gradient-to: #8B5CF6}.border-brand-primary\/30{border-color:#3b82f64d}.border-brand-secondary\/30{border-color:#8b5cf64d}