/* Opacity & variant fallbacks for custom colors */
.bg-primary\/5 { background: rgba(37, 99, 235, 0.05); }
.bg-primary\/10 { background: rgba(37, 99, 235, 0.1); }
.bg-accent\/10 { background: rgba(59, 130, 246, 0.1); }
.border-accent\/20 { border-color: rgba(59, 130, 246, 0.2); }
.hover\:border-accent\/30:hover { border-color: rgba(59, 130, 246, 0.3); }
.hover\:border-accent\/50:hover { border-color: rgba(59, 130, 246, 0.5); }
.focus\:border-accent:focus { border-color: var(--color-accent); }
.focus\:ring-primary\/30:focus { --tw-ring-color: rgba(37, 99, 235, 0.3); }