/* Background Utilities */
.bg-primary-50 { background-color: rgba(var(--color-primary-50-rgb), 1); }
.bg-primary-50\/10 { background-color: rgba(var(--color-primary-50-rgb), 0.10); }
.bg-primary-50\/20 { background-color: rgba(var(--color-primary-50-rgb), 0.20); }
.bg-primary-50\/30 { background-color: rgba(var(--color-primary-50-rgb), 0.30); }
.bg-primary-50\/40 { background-color: rgba(var(--color-primary-50-rgb), 0.40); }
.bg-primary-50\/50 { background-color: rgba(var(--color-primary-50-rgb), 0.50); }
.bg-primary-50\/60 { background-color: rgba(var(--color-primary-50-rgb), 0.60); }
.bg-primary-50\/70 { background-color: rgba(var(--color-primary-50-rgb), 0.70); }
.bg-primary-50\/80 { background-color: rgba(var(--color-primary-50-rgb), 0.80); }
.bg-primary-50\/90 { background-color: rgba(var(--color-primary-50-rgb), 0.90); }
.bg-primary-100 { background-color: rgba(var(--color-primary-100-rgb), 1); }
.bg-primary-100\/10 { background-color: rgba(var(--color-primary-100-rgb), 0.10); }
.bg-primary-100\/20 { background-color: rgba(var(--color-primary-100-rgb), 0.20); }
.bg-primary-100\/30 { background-color: rgba(var(--color-primary-100-rgb), 0.30); }
.bg-primary-100\/40 { background-color: rgba(var(--color-primary-100-rgb), 0.40); }
.bg-primary-100\/50 { background-color: rgba(var(--color-primary-100-rgb), 0.50); }
.bg-primary-100\/60 { background-color: rgba(var(--color-primary-100-rgb), 0.60); }
.bg-primary-100\/70 { background-color: rgba(var(--color-primary-100-rgb), 0.70); }
.bg-primary-100\/80 { background-color: rgba(var(--color-primary-100-rgb), 0.80); }
.bg-primary-100\/90 { background-color: rgba(var(--color-primary-100-rgb), 0.90); }
.bg-primary-200 { background-color: rgba(var(--color-primary-200-rgb), 1); }
.bg-primary-200\/10 { background-color: rgba(var(--color-primary-200-rgb), 0.10); }
.bg-primary-200\/20 { background-color: rgba(var(--color-primary-200-rgb), 0.20); }
.bg-primary-200\/30 { background-color: rgba(var(--color-primary-200-rgb), 0.30); }
.bg-primary-200\/40 { background-color: rgba(var(--color-primary-200-rgb), 0.40); }
.bg-primary-200\/50 { background-color: rgba(var(--color-primary-200-rgb), 0.50); }
.bg-primary-200\/60 { background-color: rgba(var(--color-primary-200-rgb), 0.60); }
.bg-primary-200\/70 { background-color: rgba(var(--color-primary-200-rgb), 0.70); }
.bg-primary-200\/80 { background-color: rgba(var(--color-primary-200-rgb), 0.80); }
.bg-primary-200\/90 { background-color: rgba(var(--color-primary-200-rgb), 0.90); }
.bg-primary-300 { background-color: rgba(var(--color-primary-300-rgb), 1); }
.bg-primary-300\/10 { background-color: rgba(var(--color-primary-300-rgb), 0.10); }
.bg-primary-300\/20 { background-color: rgba(var(--color-primary-300-rgb), 0.20); }
.bg-primary-300\/30 { background-color: rgba(var(--color-primary-300-rgb), 0.30); }
.bg-primary-300\/40 { background-color: rgba(var(--color-primary-300-rgb), 0.40); }
.bg-primary-300\/50 { background-color: rgba(var(--color-primary-300-rgb), 0.50); }
.bg-primary-300\/60 { background-color: rgba(var(--color-primary-300-rgb), 0.60); }
.bg-primary-300\/70 { background-color: rgba(var(--color-primary-300-rgb), 0.70); }
.bg-primary-300\/80 { background-color: rgba(var(--color-primary-300-rgb), 0.80); }
.bg-primary-300\/90 { background-color: rgba(var(--color-primary-300-rgb), 0.90); }
.bg-primary-400 { background-color: rgba(var(--color-primary-400-rgb), 1); }
.bg-primary-400\/10 { background-color: rgba(var(--color-primary-400-rgb), 0.10); }
.bg-primary-400\/20 { background-color: rgba(var(--color-primary-400-rgb), 0.20); }
.bg-primary-400\/30 { background-color: rgba(var(--color-primary-400-rgb), 0.30); }
.bg-primary-400\/40 { background-color: rgba(var(--color-primary-400-rgb), 0.40); }
.bg-primary-400\/50 { background-color: rgba(var(--color-primary-400-rgb), 0.50); }
.bg-primary-400\/60 { background-color: rgba(var(--color-primary-400-rgb), 0.60); }
.bg-primary-400\/70 { background-color: rgba(var(--color-primary-400-rgb), 0.70); }
.bg-primary-400\/80 { background-color: rgba(var(--color-primary-400-rgb), 0.80); }
.bg-primary-400\/90 { background-color: rgba(var(--color-primary-400-rgb), 0.90); }
.bg-primary-500 { background-color: rgba(var(--color-primary-500-rgb), 1); }
.bg-primary-500\/10 { background-color: rgba(var(--color-primary-500-rgb), 0.10); }
.bg-primary-500\/20 { background-color: rgba(var(--color-primary-500-rgb), 0.20); }
.bg-primary-500\/30 { background-color: rgba(var(--color-primary-500-rgb), 0.30); }
.bg-primary-500\/40 { background-color: rgba(var(--color-primary-500-rgb), 0.40); }
.bg-primary-500\/50 { background-color: rgba(var(--color-primary-500-rgb), 0.50); }
.bg-primary-500\/60 { background-color: rgba(var(--color-primary-500-rgb), 0.60); }
.bg-primary-500\/70 { background-color: rgba(var(--color-primary-500-rgb), 0.70); }
.bg-primary-500\/80 { background-color: rgba(var(--color-primary-500-rgb), 0.80); }
.bg-primary-500\/90 { background-color: rgba(var(--color-primary-500-rgb), 0.90); }
.bg-primary-600 { background-color: rgba(var(--color-primary-600-rgb), 1); }
.bg-primary-600\/10 { background-color: rgba(var(--color-primary-600-rgb), 0.10); }
.bg-primary-600\/20 { background-color: rgba(var(--color-primary-600-rgb), 0.20); }
.bg-primary-600\/30 { background-color: rgba(var(--color-primary-600-rgb), 0.30); }
.bg-primary-600\/40 { background-color: rgba(var(--color-primary-600-rgb), 0.40); }
.bg-primary-600\/50 { background-color: rgba(var(--color-primary-600-rgb), 0.50); }
.bg-primary-600\/60 { background-color: rgba(var(--color-primary-600-rgb), 0.60); }
.bg-primary-600\/70 { background-color: rgba(var(--color-primary-600-rgb), 0.70); }
.bg-primary-600\/80 { background-color: rgba(var(--color-primary-600-rgb), 0.80); }
.bg-primary-600\/90 { background-color: rgba(var(--color-primary-600-rgb), 0.90); }
.bg-primary-700 { background-color: rgba(var(--color-primary-700-rgb), 1); }
.bg-primary-700\/10 { background-color: rgba(var(--color-primary-700-rgb), 0.10); }
.bg-primary-700\/20 { background-color: rgba(var(--color-primary-700-rgb), 0.20); }
.bg-primary-700\/30 { background-color: rgba(var(--color-primary-700-rgb), 0.30); }
.bg-primary-700\/40 { background-color: rgba(var(--color-primary-700-rgb), 0.40); }
.bg-primary-700\/50 { background-color: rgba(var(--color-primary-700-rgb), 0.50); }
.bg-primary-700\/60 { background-color: rgba(var(--color-primary-700-rgb), 0.60); }
.bg-primary-700\/70 { background-color: rgba(var(--color-primary-700-rgb), 0.70); }
.bg-primary-700\/80 { background-color: rgba(var(--color-primary-700-rgb), 0.80); }
.bg-primary-700\/90 { background-color: rgba(var(--color-primary-700-rgb), 0.90); }
.bg-primary-800 { background-color: rgba(var(--color-primary-800-rgb), 1); }
.bg-primary-800\/10 { background-color: rgba(var(--color-primary-800-rgb), 0.10); }
.bg-primary-800\/20 { background-color: rgba(var(--color-primary-800-rgb), 0.20); }
.bg-primary-800\/30 { background-color: rgba(var(--color-primary-800-rgb), 0.30); }
.bg-primary-800\/40 { background-color: rgba(var(--color-primary-800-rgb), 0.40); }
.bg-primary-800\/50 { background-color: rgba(var(--color-primary-800-rgb), 0.50); }
.bg-primary-800\/60 { background-color: rgba(var(--color-primary-800-rgb), 0.60); }
.bg-primary-800\/70 { background-color: rgba(var(--color-primary-800-rgb), 0.70); }
.bg-primary-800\/80 { background-color: rgba(var(--color-primary-800-rgb), 0.80); }
.bg-primary-800\/90 { background-color: rgba(var(--color-primary-800-rgb), 0.90); }
.bg-primary-900 { background-color: rgba(var(--color-primary-900-rgb), 1); }
.bg-primary-900\/10 { background-color: rgba(var(--color-primary-900-rgb), 0.10); }
.bg-primary-900\/20 { background-color: rgba(var(--color-primary-900-rgb), 0.20); }
.bg-primary-900\/30 { background-color: rgba(var(--color-primary-900-rgb), 0.30); }
.bg-primary-900\/40 { background-color: rgba(var(--color-primary-900-rgb), 0.40); }
.bg-primary-900\/50 { background-color: rgba(var(--color-primary-900-rgb), 0.50); }
.bg-primary-900\/60 { background-color: rgba(var(--color-primary-900-rgb), 0.60); }
.bg-primary-900\/70 { background-color: rgba(var(--color-primary-900-rgb), 0.70); }
.bg-primary-900\/80 { background-color: rgba(var(--color-primary-900-rgb), 0.80); }
.bg-primary-900\/90 { background-color: rgba(var(--color-primary-900-rgb), 0.90); }
.bg-primary-950 { background-color: rgba(var(--color-primary-950-rgb), 1); }
.bg-primary-950\/10 { background-color: rgba(var(--color-primary-950-rgb), 0.10); }
.bg-primary-950\/20 { background-color: rgba(var(--color-primary-950-rgb), 0.20); }
.bg-primary-950\/30 { background-color: rgba(var(--color-primary-950-rgb), 0.30); }
.bg-primary-950\/40 { background-color: rgba(var(--color-primary-950-rgb), 0.40); }
.bg-primary-950\/50 { background-color: rgba(var(--color-primary-950-rgb), 0.50); }
.bg-primary-950\/60 { background-color: rgba(var(--color-primary-950-rgb), 0.60); }
.bg-primary-950\/70 { background-color: rgba(var(--color-primary-950-rgb), 0.70); }
.bg-primary-950\/80 { background-color: rgba(var(--color-primary-950-rgb), 0.80); }
.bg-primary-950\/90 { background-color: rgba(var(--color-primary-950-rgb), 0.90); }
.bg-text { background-color: rgba(var(--color-text-rgb), 1); }
.bg-text\/10 { background-color: rgba(var(--color-text-rgb), 0.10); }
.bg-text\/20 { background-color: rgba(var(--color-text-rgb), 0.20); }
.bg-text\/30 { background-color: rgba(var(--color-text-rgb), 0.30); }
.bg-text\/40 { background-color: rgba(var(--color-text-rgb), 0.40); }
.bg-text\/50 { background-color: rgba(var(--color-text-rgb), 0.50); }
.bg-text\/60 { background-color: rgba(var(--color-text-rgb), 0.60); }
.bg-text\/70 { background-color: rgba(var(--color-text-rgb), 0.70); }
.bg-text\/80 { background-color: rgba(var(--color-text-rgb), 0.80); }
.bg-text\/90 { background-color: rgba(var(--color-text-rgb), 0.90); }
.bg-success { background-color: rgba(var(--color-success-rgb), 1); }
.bg-success\/10 { background-color: rgba(var(--color-success-rgb), 0.10); }
.bg-success\/20 { background-color: rgba(var(--color-success-rgb), 0.20); }
.bg-success\/30 { background-color: rgba(var(--color-success-rgb), 0.30); }
.bg-success\/40 { background-color: rgba(var(--color-success-rgb), 0.40); }
.bg-success\/50 { background-color: rgba(var(--color-success-rgb), 0.50); }
.bg-success\/60 { background-color: rgba(var(--color-success-rgb), 0.60); }
.bg-success\/70 { background-color: rgba(var(--color-success-rgb), 0.70); }
.bg-success\/80 { background-color: rgba(var(--color-success-rgb), 0.80); }
.bg-success\/90 { background-color: rgba(var(--color-success-rgb), 0.90); }
.bg-warning { background-color: rgba(var(--color-warning-rgb), 1); }
.bg-warning\/10 { background-color: rgba(var(--color-warning-rgb), 0.10); }
.bg-warning\/20 { background-color: rgba(var(--color-warning-rgb), 0.20); }
.bg-warning\/30 { background-color: rgba(var(--color-warning-rgb), 0.30); }
.bg-warning\/40 { background-color: rgba(var(--color-warning-rgb), 0.40); }
.bg-warning\/50 { background-color: rgba(var(--color-warning-rgb), 0.50); }
.bg-warning\/60 { background-color: rgba(var(--color-warning-rgb), 0.60); }
.bg-warning\/70 { background-color: rgba(var(--color-warning-rgb), 0.70); }
.bg-warning\/80 { background-color: rgba(var(--color-warning-rgb), 0.80); }
.bg-warning\/90 { background-color: rgba(var(--color-warning-rgb), 0.90); }
.bg-danger { background-color: rgba(var(--color-danger-rgb), 1); }
.bg-danger\/10 { background-color: rgba(var(--color-danger-rgb), 0.10); }
.bg-danger\/20 { background-color: rgba(var(--color-danger-rgb), 0.20); }
.bg-danger\/30 { background-color: rgba(var(--color-danger-rgb), 0.30); }
.bg-danger\/40 { background-color: rgba(var(--color-danger-rgb), 0.40); }
.bg-danger\/50 { background-color: rgba(var(--color-danger-rgb), 0.50); }
.bg-danger\/60 { background-color: rgba(var(--color-danger-rgb), 0.60); }
.bg-danger\/70 { background-color: rgba(var(--color-danger-rgb), 0.70); }
.bg-danger\/80 { background-color: rgba(var(--color-danger-rgb), 0.80); }
.bg-danger\/90 { background-color: rgba(var(--color-danger-rgb), 0.90); }
.bg-light { background-color: rgba(var(--color-light-rgb), 1); }
.bg-light\/10 { background-color: rgba(var(--color-light-rgb), 0.10); }
.bg-light\/20 { background-color: rgba(var(--color-light-rgb), 0.20); }
.bg-light\/30 { background-color: rgba(var(--color-light-rgb), 0.30); }
.bg-light\/40 { background-color: rgba(var(--color-light-rgb), 0.40); }
.bg-light\/50 { background-color: rgba(var(--color-light-rgb), 0.50); }
.bg-light\/60 { background-color: rgba(var(--color-light-rgb), 0.60); }
.bg-light\/70 { background-color: rgba(var(--color-light-rgb), 0.70); }
.bg-light\/80 { background-color: rgba(var(--color-light-rgb), 0.80); }
.bg-light\/90 { background-color: rgba(var(--color-light-rgb), 0.90); }
.bg-white { background-color: rgba(var(--color-white-rgb), 1); }
.bg-white\/10 { background-color: rgba(var(--color-white-rgb), 0.10); }
.bg-white\/20 { background-color: rgba(var(--color-white-rgb), 0.20); }
.bg-white\/30 { background-color: rgba(var(--color-white-rgb), 0.30); }
.bg-white\/40 { background-color: rgba(var(--color-white-rgb), 0.40); }
.bg-white\/50 { background-color: rgba(var(--color-white-rgb), 0.50); }
.bg-white\/60 { background-color: rgba(var(--color-white-rgb), 0.60); }
.bg-white\/70 { background-color: rgba(var(--color-white-rgb), 0.70); }
.bg-white\/80 { background-color: rgba(var(--color-white-rgb), 0.80); }
.bg-white\/90 { background-color: rgba(var(--color-white-rgb), 0.90); }

/* Border Utilities */
.border-primary-50 { border-color: rgba(var(--color-primary-50-rgb), 1); }
.border-primary-50\/10 { border-color: rgba(var(--color-primary-50-rgb), 0.10); }
.border-primary-50\/20 { border-color: rgba(var(--color-primary-50-rgb), 0.20); }
.border-primary-50\/30 { border-color: rgba(var(--color-primary-50-rgb), 0.30); }
.border-primary-50\/40 { border-color: rgba(var(--color-primary-50-rgb), 0.40); }
.border-primary-50\/50 { border-color: rgba(var(--color-primary-50-rgb), 0.50); }
.border-primary-50\/60 { border-color: rgba(var(--color-primary-50-rgb), 0.60); }
.border-primary-50\/70 { border-color: rgba(var(--color-primary-50-rgb), 0.70); }
.border-primary-50\/80 { border-color: rgba(var(--color-primary-50-rgb), 0.80); }
.border-primary-50\/90 { border-color: rgba(var(--color-primary-50-rgb), 0.90); }
.border-primary-100 { border-color: rgba(var(--color-primary-100-rgb), 1); }
.border-primary-100\/10 { border-color: rgba(var(--color-primary-100-rgb), 0.10); }
.border-primary-100\/20 { border-color: rgba(var(--color-primary-100-rgb), 0.20); }
.border-primary-100\/30 { border-color: rgba(var(--color-primary-100-rgb), 0.30); }
.border-primary-100\/40 { border-color: rgba(var(--color-primary-100-rgb), 0.40); }
.border-primary-100\/50 { border-color: rgba(var(--color-primary-100-rgb), 0.50); }
.border-primary-100\/60 { border-color: rgba(var(--color-primary-100-rgb), 0.60); }
.border-primary-100\/70 { border-color: rgba(var(--color-primary-100-rgb), 0.70); }
.border-primary-100\/80 { border-color: rgba(var(--color-primary-100-rgb), 0.80); }
.border-primary-100\/90 { border-color: rgba(var(--color-primary-100-rgb), 0.90); }
.border-primary-200 { border-color: rgba(var(--color-primary-200-rgb), 1); }
.border-primary-200\/10 { border-color: rgba(var(--color-primary-200-rgb), 0.10); }
.border-primary-200\/20 { border-color: rgba(var(--color-primary-200-rgb), 0.20); }
.border-primary-200\/30 { border-color: rgba(var(--color-primary-200-rgb), 0.30); }
.border-primary-200\/40 { border-color: rgba(var(--color-primary-200-rgb), 0.40); }
.border-primary-200\/50 { border-color: rgba(var(--color-primary-200-rgb), 0.50); }
.border-primary-200\/60 { border-color: rgba(var(--color-primary-200-rgb), 0.60); }
.border-primary-200\/70 { border-color: rgba(var(--color-primary-200-rgb), 0.70); }
.border-primary-200\/80 { border-color: rgba(var(--color-primary-200-rgb), 0.80); }
.border-primary-200\/90 { border-color: rgba(var(--color-primary-200-rgb), 0.90); }
.border-primary-300 { border-color: rgba(var(--color-primary-300-rgb), 1); }
.border-primary-300\/10 { border-color: rgba(var(--color-primary-300-rgb), 0.10); }
.border-primary-300\/20 { border-color: rgba(var(--color-primary-300-rgb), 0.20); }
.border-primary-300\/30 { border-color: rgba(var(--color-primary-300-rgb), 0.30); }
.border-primary-300\/40 { border-color: rgba(var(--color-primary-300-rgb), 0.40); }
.border-primary-300\/50 { border-color: rgba(var(--color-primary-300-rgb), 0.50); }
.border-primary-300\/60 { border-color: rgba(var(--color-primary-300-rgb), 0.60); }
.border-primary-300\/70 { border-color: rgba(var(--color-primary-300-rgb), 0.70); }
.border-primary-300\/80 { border-color: rgba(var(--color-primary-300-rgb), 0.80); }
.border-primary-300\/90 { border-color: rgba(var(--color-primary-300-rgb), 0.90); }
.border-primary-400 { border-color: rgba(var(--color-primary-400-rgb), 1); }
.border-primary-400\/10 { border-color: rgba(var(--color-primary-400-rgb), 0.10); }
.border-primary-400\/20 { border-color: rgba(var(--color-primary-400-rgb), 0.20); }
.border-primary-400\/30 { border-color: rgba(var(--color-primary-400-rgb), 0.30); }
.border-primary-400\/40 { border-color: rgba(var(--color-primary-400-rgb), 0.40); }
.border-primary-400\/50 { border-color: rgba(var(--color-primary-400-rgb), 0.50); }
.border-primary-400\/60 { border-color: rgba(var(--color-primary-400-rgb), 0.60); }
.border-primary-400\/70 { border-color: rgba(var(--color-primary-400-rgb), 0.70); }
.border-primary-400\/80 { border-color: rgba(var(--color-primary-400-rgb), 0.80); }
.border-primary-400\/90 { border-color: rgba(var(--color-primary-400-rgb), 0.90); }
.border-primary-500 { border-color: rgba(var(--color-primary-500-rgb), 1); }
.border-primary-500\/10 { border-color: rgba(var(--color-primary-500-rgb), 0.10); }
.border-primary-500\/20 { border-color: rgba(var(--color-primary-500-rgb), 0.20); }
.border-primary-500\/30 { border-color: rgba(var(--color-primary-500-rgb), 0.30); }
.border-primary-500\/40 { border-color: rgba(var(--color-primary-500-rgb), 0.40); }
.border-primary-500\/50 { border-color: rgba(var(--color-primary-500-rgb), 0.50); }
.border-primary-500\/60 { border-color: rgba(var(--color-primary-500-rgb), 0.60); }
.border-primary-500\/70 { border-color: rgba(var(--color-primary-500-rgb), 0.70); }
.border-primary-500\/80 { border-color: rgba(var(--color-primary-500-rgb), 0.80); }
.border-primary-500\/90 { border-color: rgba(var(--color-primary-500-rgb), 0.90); }
.border-primary-600 { border-color: rgba(var(--color-primary-600-rgb), 1); }
.border-primary-600\/10 { border-color: rgba(var(--color-primary-600-rgb), 0.10); }
.border-primary-600\/20 { border-color: rgba(var(--color-primary-600-rgb), 0.20); }
.border-primary-600\/30 { border-color: rgba(var(--color-primary-600-rgb), 0.30); }
.border-primary-600\/40 { border-color: rgba(var(--color-primary-600-rgb), 0.40); }
.border-primary-600\/50 { border-color: rgba(var(--color-primary-600-rgb), 0.50); }
.border-primary-600\/60 { border-color: rgba(var(--color-primary-600-rgb), 0.60); }
.border-primary-600\/70 { border-color: rgba(var(--color-primary-600-rgb), 0.70); }
.border-primary-600\/80 { border-color: rgba(var(--color-primary-600-rgb), 0.80); }
.border-primary-600\/90 { border-color: rgba(var(--color-primary-600-rgb), 0.90); }
.border-primary-700 { border-color: rgba(var(--color-primary-700-rgb), 1); }
.border-primary-700\/10 { border-color: rgba(var(--color-primary-700-rgb), 0.10); }
.border-primary-700\/20 { border-color: rgba(var(--color-primary-700-rgb), 0.20); }
.border-primary-700\/30 { border-color: rgba(var(--color-primary-700-rgb), 0.30); }
.border-primary-700\/40 { border-color: rgba(var(--color-primary-700-rgb), 0.40); }
.border-primary-700\/50 { border-color: rgba(var(--color-primary-700-rgb), 0.50); }
.border-primary-700\/60 { border-color: rgba(var(--color-primary-700-rgb), 0.60); }
.border-primary-700\/70 { border-color: rgba(var(--color-primary-700-rgb), 0.70); }
.border-primary-700\/80 { border-color: rgba(var(--color-primary-700-rgb), 0.80); }
.border-primary-700\/90 { border-color: rgba(var(--color-primary-700-rgb), 0.90); }
.border-primary-800 { border-color: rgba(var(--color-primary-800-rgb), 1); }
.border-primary-800\/10 { border-color: rgba(var(--color-primary-800-rgb), 0.10); }
.border-primary-800\/20 { border-color: rgba(var(--color-primary-800-rgb), 0.20); }
.border-primary-800\/30 { border-color: rgba(var(--color-primary-800-rgb), 0.30); }
.border-primary-800\/40 { border-color: rgba(var(--color-primary-800-rgb), 0.40); }
.border-primary-800\/50 { border-color: rgba(var(--color-primary-800-rgb), 0.50); }
.border-primary-800\/60 { border-color: rgba(var(--color-primary-800-rgb), 0.60); }
.border-primary-800\/70 { border-color: rgba(var(--color-primary-800-rgb), 0.70); }
.border-primary-800\/80 { border-color: rgba(var(--color-primary-800-rgb), 0.80); }
.border-primary-800\/90 { border-color: rgba(var(--color-primary-800-rgb), 0.90); }
.border-primary-900 { border-color: rgba(var(--color-primary-900-rgb), 1); }
.border-primary-900\/10 { border-color: rgba(var(--color-primary-900-rgb), 0.10); }
.border-primary-900\/20 { border-color: rgba(var(--color-primary-900-rgb), 0.20); }
.border-primary-900\/30 { border-color: rgba(var(--color-primary-900-rgb), 0.30); }
.border-primary-900\/40 { border-color: rgba(var(--color-primary-900-rgb), 0.40); }
.border-primary-900\/50 { border-color: rgba(var(--color-primary-900-rgb), 0.50); }
.border-primary-900\/60 { border-color: rgba(var(--color-primary-900-rgb), 0.60); }
.border-primary-900\/70 { border-color: rgba(var(--color-primary-900-rgb), 0.70); }
.border-primary-900\/80 { border-color: rgba(var(--color-primary-900-rgb), 0.80); }
.border-primary-900\/90 { border-color: rgba(var(--color-primary-900-rgb), 0.90); }
.border-primary-950 { border-color: rgba(var(--color-primary-950-rgb), 1); }
.border-primary-950\/10 { border-color: rgba(var(--color-primary-950-rgb), 0.10); }
.border-primary-950\/20 { border-color: rgba(var(--color-primary-950-rgb), 0.20); }
.border-primary-950\/30 { border-color: rgba(var(--color-primary-950-rgb), 0.30); }
.border-primary-950\/40 { border-color: rgba(var(--color-primary-950-rgb), 0.40); }
.border-primary-950\/50 { border-color: rgba(var(--color-primary-950-rgb), 0.50); }
.border-primary-950\/60 { border-color: rgba(var(--color-primary-950-rgb), 0.60); }
.border-primary-950\/70 { border-color: rgba(var(--color-primary-950-rgb), 0.70); }
.border-primary-950\/80 { border-color: rgba(var(--color-primary-950-rgb), 0.80); }
.border-primary-950\/90 { border-color: rgba(var(--color-primary-950-rgb), 0.90); }
.border-text { border-color: rgba(var(--color-text-rgb), 1); }
.border-text\/10 { border-color: rgba(var(--color-text-rgb), 0.10); }
.border-text\/20 { border-color: rgba(var(--color-text-rgb), 0.20); }
.border-text\/30 { border-color: rgba(var(--color-text-rgb), 0.30); }
.border-text\/40 { border-color: rgba(var(--color-text-rgb), 0.40); }
.border-text\/50 { border-color: rgba(var(--color-text-rgb), 0.50); }
.border-text\/60 { border-color: rgba(var(--color-text-rgb), 0.60); }
.border-text\/70 { border-color: rgba(var(--color-text-rgb), 0.70); }
.border-text\/80 { border-color: rgba(var(--color-text-rgb), 0.80); }
.border-text\/90 { border-color: rgba(var(--color-text-rgb), 0.90); }
.border-success { border-color: rgba(var(--color-success-rgb), 1); }
.border-success\/10 { border-color: rgba(var(--color-success-rgb), 0.10); }
.border-success\/20 { border-color: rgba(var(--color-success-rgb), 0.20); }
.border-success\/30 { border-color: rgba(var(--color-success-rgb), 0.30); }
.border-success\/40 { border-color: rgba(var(--color-success-rgb), 0.40); }
.border-success\/50 { border-color: rgba(var(--color-success-rgb), 0.50); }
.border-success\/60 { border-color: rgba(var(--color-success-rgb), 0.60); }
.border-success\/70 { border-color: rgba(var(--color-success-rgb), 0.70); }
.border-success\/80 { border-color: rgba(var(--color-success-rgb), 0.80); }
.border-success\/90 { border-color: rgba(var(--color-success-rgb), 0.90); }
.border-warning { border-color: rgba(var(--color-warning-rgb), 1); }
.border-warning\/10 { border-color: rgba(var(--color-warning-rgb), 0.10); }
.border-warning\/20 { border-color: rgba(var(--color-warning-rgb), 0.20); }
.border-warning\/30 { border-color: rgba(var(--color-warning-rgb), 0.30); }
.border-warning\/40 { border-color: rgba(var(--color-warning-rgb), 0.40); }
.border-warning\/50 { border-color: rgba(var(--color-warning-rgb), 0.50); }
.border-warning\/60 { border-color: rgba(var(--color-warning-rgb), 0.60); }
.border-warning\/70 { border-color: rgba(var(--color-warning-rgb), 0.70); }
.border-warning\/80 { border-color: rgba(var(--color-warning-rgb), 0.80); }
.border-warning\/90 { border-color: rgba(var(--color-warning-rgb), 0.90); }
.border-danger { border-color: rgba(var(--color-danger-rgb), 1); }
.border-danger\/10 { border-color: rgba(var(--color-danger-rgb), 0.10); }
.border-danger\/20 { border-color: rgba(var(--color-danger-rgb), 0.20); }
.border-danger\/30 { border-color: rgba(var(--color-danger-rgb), 0.30); }
.border-danger\/40 { border-color: rgba(var(--color-danger-rgb), 0.40); }
.border-danger\/50 { border-color: rgba(var(--color-danger-rgb), 0.50); }
.border-danger\/60 { border-color: rgba(var(--color-danger-rgb), 0.60); }
.border-danger\/70 { border-color: rgba(var(--color-danger-rgb), 0.70); }
.border-danger\/80 { border-color: rgba(var(--color-danger-rgb), 0.80); }
.border-danger\/90 { border-color: rgba(var(--color-danger-rgb), 0.90); }
.border-light { border-color: rgba(var(--color-light-rgb), 1); }
.border-light\/10 { border-color: rgba(var(--color-light-rgb), 0.10); }
.border-light\/20 { border-color: rgba(var(--color-light-rgb), 0.20); }
.border-light\/30 { border-color: rgba(var(--color-light-rgb), 0.30); }
.border-light\/40 { border-color: rgba(var(--color-light-rgb), 0.40); }
.border-light\/50 { border-color: rgba(var(--color-light-rgb), 0.50); }
.border-light\/60 { border-color: rgba(var(--color-light-rgb), 0.60); }
.border-light\/70 { border-color: rgba(var(--color-light-rgb), 0.70); }
.border-light\/80 { border-color: rgba(var(--color-light-rgb), 0.80); }
.border-light\/90 { border-color: rgba(var(--color-light-rgb), 0.90); }
.border-white { border-color: rgba(var(--color-white-rgb), 1); }
.border-white\/10 { border-color: rgba(var(--color-white-rgb), 0.10); }
.border-white\/20 { border-color: rgba(var(--color-white-rgb), 0.20); }
.border-white\/30 { border-color: rgba(var(--color-white-rgb), 0.30); }
.border-white\/40 { border-color: rgba(var(--color-white-rgb), 0.40); }
.border-white\/50 { border-color: rgba(var(--color-white-rgb), 0.50); }
.border-white\/60 { border-color: rgba(var(--color-white-rgb), 0.60); }
.border-white\/70 { border-color: rgba(var(--color-white-rgb), 0.70); }
.border-white\/80 { border-color: rgba(var(--color-white-rgb), 0.80); }
.border-white\/90 { border-color: rgba(var(--color-white-rgb), 0.90); }

/* Text (color) Utilities */
.c-primary-50 { color: rgba(var(--color-primary-50-rgb), 1); }
.c-primary-50\/10 { color: rgba(var(--color-primary-50-rgb), 0.10); }
.c-primary-50\/20 { color: rgba(var(--color-primary-50-rgb), 0.20); }
.c-primary-50\/30 { color: rgba(var(--color-primary-50-rgb), 0.30); }
.c-primary-50\/40 { color: rgba(var(--color-primary-50-rgb), 0.40); }
.c-primary-50\/50 { color: rgba(var(--color-primary-50-rgb), 0.50); }
.c-primary-50\/60 { color: rgba(var(--color-primary-50-rgb), 0.60); }
.c-primary-50\/70 { color: rgba(var(--color-primary-50-rgb), 0.70); }
.c-primary-50\/80 { color: rgba(var(--color-primary-50-rgb), 0.80); }
.c-primary-50\/90 { color: rgba(var(--color-primary-50-rgb), 0.90); }
.c-primary-100 { color: rgba(var(--color-primary-100-rgb), 1); }
.c-primary-100\/10 { color: rgba(var(--color-primary-100-rgb), 0.10); }
.c-primary-100\/20 { color: rgba(var(--color-primary-100-rgb), 0.20); }
.c-primary-100\/30 { color: rgba(var(--color-primary-100-rgb), 0.30); }
.c-primary-100\/40 { color: rgba(var(--color-primary-100-rgb), 0.40); }
.c-primary-100\/50 { color: rgba(var(--color-primary-100-rgb), 0.50); }
.c-primary-100\/60 { color: rgba(var(--color-primary-100-rgb), 0.60); }
.c-primary-100\/70 { color: rgba(var(--color-primary-100-rgb), 0.70); }
.c-primary-100\/80 { color: rgba(var(--color-primary-100-rgb), 0.80); }
.c-primary-100\/90 { color: rgba(var(--color-primary-100-rgb), 0.90); }
.c-primary-200 { color: rgba(var(--color-primary-200-rgb), 1); }
.c-primary-200\/10 { color: rgba(var(--color-primary-200-rgb), 0.10); }
.c-primary-200\/20 { color: rgba(var(--color-primary-200-rgb), 0.20); }
.c-primary-200\/30 { color: rgba(var(--color-primary-200-rgb), 0.30); }
.c-primary-200\/40 { color: rgba(var(--color-primary-200-rgb), 0.40); }
.c-primary-200\/50 { color: rgba(var(--color-primary-200-rgb), 0.50); }
.c-primary-200\/60 { color: rgba(var(--color-primary-200-rgb), 0.60); }
.c-primary-200\/70 { color: rgba(var(--color-primary-200-rgb), 0.70); }
.c-primary-200\/80 { color: rgba(var(--color-primary-200-rgb), 0.80); }
.c-primary-200\/90 { color: rgba(var(--color-primary-200-rgb), 0.90); }
.c-primary-300 { color: rgba(var(--color-primary-300-rgb), 1); }
.c-primary-300\/10 { color: rgba(var(--color-primary-300-rgb), 0.10); }
.c-primary-300\/20 { color: rgba(var(--color-primary-300-rgb), 0.20); }
.c-primary-300\/30 { color: rgba(var(--color-primary-300-rgb), 0.30); }
.c-primary-300\/40 { color: rgba(var(--color-primary-300-rgb), 0.40); }
.c-primary-300\/50 { color: rgba(var(--color-primary-300-rgb), 0.50); }
.c-primary-300\/60 { color: rgba(var(--color-primary-300-rgb), 0.60); }
.c-primary-300\/70 { color: rgba(var(--color-primary-300-rgb), 0.70); }
.c-primary-300\/80 { color: rgba(var(--color-primary-300-rgb), 0.80); }
.c-primary-300\/90 { color: rgba(var(--color-primary-300-rgb), 0.90); }
.c-primary-400 { color: rgba(var(--color-primary-400-rgb), 1); }
.c-primary-400\/10 { color: rgba(var(--color-primary-400-rgb), 0.10); }
.c-primary-400\/20 { color: rgba(var(--color-primary-400-rgb), 0.20); }
.c-primary-400\/30 { color: rgba(var(--color-primary-400-rgb), 0.30); }
.c-primary-400\/40 { color: rgba(var(--color-primary-400-rgb), 0.40); }
.c-primary-400\/50 { color: rgba(var(--color-primary-400-rgb), 0.50); }
.c-primary-400\/60 { color: rgba(var(--color-primary-400-rgb), 0.60); }
.c-primary-400\/70 { color: rgba(var(--color-primary-400-rgb), 0.70); }
.c-primary-400\/80 { color: rgba(var(--color-primary-400-rgb), 0.80); }
.c-primary-400\/90 { color: rgba(var(--color-primary-400-rgb), 0.90); }
.c-primary-500 { color: rgba(var(--color-primary-500-rgb), 1); }
.c-primary-500\/10 { color: rgba(var(--color-primary-500-rgb), 0.10); }
.c-primary-500\/20 { color: rgba(var(--color-primary-500-rgb), 0.20); }
.c-primary-500\/30 { color: rgba(var(--color-primary-500-rgb), 0.30); }
.c-primary-500\/40 { color: rgba(var(--color-primary-500-rgb), 0.40); }
.c-primary-500\/50 { color: rgba(var(--color-primary-500-rgb), 0.50); }
.c-primary-500\/60 { color: rgba(var(--color-primary-500-rgb), 0.60); }
.c-primary-500\/70 { color: rgba(var(--color-primary-500-rgb), 0.70); }
.c-primary-500\/80 { color: rgba(var(--color-primary-500-rgb), 0.80); }
.c-primary-500\/90 { color: rgba(var(--color-primary-500-rgb), 0.90); }
.c-primary-600 { color: rgba(var(--color-primary-600-rgb), 1); }
.c-primary-600\/10 { color: rgba(var(--color-primary-600-rgb), 0.10); }
.c-primary-600\/20 { color: rgba(var(--color-primary-600-rgb), 0.20); }
.c-primary-600\/30 { color: rgba(var(--color-primary-600-rgb), 0.30); }
.c-primary-600\/40 { color: rgba(var(--color-primary-600-rgb), 0.40); }
.c-primary-600\/50 { color: rgba(var(--color-primary-600-rgb), 0.50); }
.c-primary-600\/60 { color: rgba(var(--color-primary-600-rgb), 0.60); }
.c-primary-600\/70 { color: rgba(var(--color-primary-600-rgb), 0.70); }
.c-primary-600\/80 { color: rgba(var(--color-primary-600-rgb), 0.80); }
.c-primary-600\/90 { color: rgba(var(--color-primary-600-rgb), 0.90); }
.c-primary-700 { color: rgba(var(--color-primary-700-rgb), 1); }
.c-primary-700\/10 { color: rgba(var(--color-primary-700-rgb), 0.10); }
.c-primary-700\/20 { color: rgba(var(--color-primary-700-rgb), 0.20); }
.c-primary-700\/30 { color: rgba(var(--color-primary-700-rgb), 0.30); }
.c-primary-700\/40 { color: rgba(var(--color-primary-700-rgb), 0.40); }
.c-primary-700\/50 { color: rgba(var(--color-primary-700-rgb), 0.50); }
.c-primary-700\/60 { color: rgba(var(--color-primary-700-rgb), 0.60); }
.c-primary-700\/70 { color: rgba(var(--color-primary-700-rgb), 0.70); }
.c-primary-700\/80 { color: rgba(var(--color-primary-700-rgb), 0.80); }
.c-primary-700\/90 { color: rgba(var(--color-primary-700-rgb), 0.90); }
.c-primary-800 { color: rgba(var(--color-primary-800-rgb), 1); }
.c-primary-800\/10 { color: rgba(var(--color-primary-800-rgb), 0.10); }
.c-primary-800\/20 { color: rgba(var(--color-primary-800-rgb), 0.20); }
.c-primary-800\/30 { color: rgba(var(--color-primary-800-rgb), 0.30); }
.c-primary-800\/40 { color: rgba(var(--color-primary-800-rgb), 0.40); }
.c-primary-800\/50 { color: rgba(var(--color-primary-800-rgb), 0.50); }
.c-primary-800\/60 { color: rgba(var(--color-primary-800-rgb), 0.60); }
.c-primary-800\/70 { color: rgba(var(--color-primary-800-rgb), 0.70); }
.c-primary-800\/80 { color: rgba(var(--color-primary-800-rgb), 0.80); }
.c-primary-800\/90 { color: rgba(var(--color-primary-800-rgb), 0.90); }
.c-primary-900 { color: rgba(var(--color-primary-900-rgb), 1); }
.c-primary-900\/10 { color: rgba(var(--color-primary-900-rgb), 0.10); }
.c-primary-900\/20 { color: rgba(var(--color-primary-900-rgb), 0.20); }
.c-primary-900\/30 { color: rgba(var(--color-primary-900-rgb), 0.30); }
.c-primary-900\/40 { color: rgba(var(--color-primary-900-rgb), 0.40); }
.c-primary-900\/50 { color: rgba(var(--color-primary-900-rgb), 0.50); }
.c-primary-900\/60 { color: rgba(var(--color-primary-900-rgb), 0.60); }
.c-primary-900\/70 { color: rgba(var(--color-primary-900-rgb), 0.70); }
.c-primary-900\/80 { color: rgba(var(--color-primary-900-rgb), 0.80); }
.c-primary-900\/90 { color: rgba(var(--color-primary-900-rgb), 0.90); }
.c-primary-950 { color: rgba(var(--color-primary-950-rgb), 1); }
.c-primary-950\/10 { color: rgba(var(--color-primary-950-rgb), 0.10); }
.c-primary-950\/20 { color: rgba(var(--color-primary-950-rgb), 0.20); }
.c-primary-950\/30 { color: rgba(var(--color-primary-950-rgb), 0.30); }
.c-primary-950\/40 { color: rgba(var(--color-primary-950-rgb), 0.40); }
.c-primary-950\/50 { color: rgba(var(--color-primary-950-rgb), 0.50); }
.c-primary-950\/60 { color: rgba(var(--color-primary-950-rgb), 0.60); }
.c-primary-950\/70 { color: rgba(var(--color-primary-950-rgb), 0.70); }
.c-primary-950\/80 { color: rgba(var(--color-primary-950-rgb), 0.80); }
.c-primary-950\/90 { color: rgba(var(--color-primary-950-rgb), 0.90); }
.c-text { color: rgba(var(--color-text-rgb), 1); }
.c-text\/10 { color: rgba(var(--color-text-rgb), 0.10); }
.c-text\/20 { color: rgba(var(--color-text-rgb), 0.20); }
.c-text\/30 { color: rgba(var(--color-text-rgb), 0.30); }
.c-text\/40 { color: rgba(var(--color-text-rgb), 0.40); }
.c-text\/50 { color: rgba(var(--color-text-rgb), 0.50); }
.c-text\/60 { color: rgba(var(--color-text-rgb), 0.60); }
.c-text\/70 { color: rgba(var(--color-text-rgb), 0.70); }
.c-text\/80 { color: rgba(var(--color-text-rgb), 0.80); }
.c-text\/90 { color: rgba(var(--color-text-rgb), 0.90); }
.c-success { color: rgba(var(--color-success-rgb), 1); }
.c-success\/10 { color: rgba(var(--color-success-rgb), 0.10); }
.c-success\/20 { color: rgba(var(--color-success-rgb), 0.20); }
.c-success\/30 { color: rgba(var(--color-success-rgb), 0.30); }
.c-success\/40 { color: rgba(var(--color-success-rgb), 0.40); }
.c-success\/50 { color: rgba(var(--color-success-rgb), 0.50); }
.c-success\/60 { color: rgba(var(--color-success-rgb), 0.60); }
.c-success\/70 { color: rgba(var(--color-success-rgb), 0.70); }
.c-success\/80 { color: rgba(var(--color-success-rgb), 0.80); }
.c-success\/90 { color: rgba(var(--color-success-rgb), 0.90); }
.c-warning { color: rgba(var(--color-warning-rgb), 1); }
.c-warning\/10 { color: rgba(var(--color-warning-rgb), 0.10); }
.c-warning\/20 { color: rgba(var(--color-warning-rgb), 0.20); }
.c-warning\/30 { color: rgba(var(--color-warning-rgb), 0.30); }
.c-warning\/40 { color: rgba(var(--color-warning-rgb), 0.40); }
.c-warning\/50 { color: rgba(var(--color-warning-rgb), 0.50); }
.c-warning\/60 { color: rgba(var(--color-warning-rgb), 0.60); }
.c-warning\/70 { color: rgba(var(--color-warning-rgb), 0.70); }
.c-warning\/80 { color: rgba(var(--color-warning-rgb), 0.80); }
.c-warning\/90 { color: rgba(var(--color-warning-rgb), 0.90); }
.c-danger { color: rgba(var(--color-danger-rgb), 1); }
.c-danger\/10 { color: rgba(var(--color-danger-rgb), 0.10); }
.c-danger\/20 { color: rgba(var(--color-danger-rgb), 0.20); }
.c-danger\/30 { color: rgba(var(--color-danger-rgb), 0.30); }
.c-danger\/40 { color: rgba(var(--color-danger-rgb), 0.40); }
.c-danger\/50 { color: rgba(var(--color-danger-rgb), 0.50); }
.c-danger\/60 { color: rgba(var(--color-danger-rgb), 0.60); }
.c-danger\/70 { color: rgba(var(--color-danger-rgb), 0.70); }
.c-danger\/80 { color: rgba(var(--color-danger-rgb), 0.80); }
.c-danger\/90 { color: rgba(var(--color-danger-rgb), 0.90); }
.c-light { color: rgba(var(--color-light-rgb), 1); }
.c-light\/10 { color: rgba(var(--color-light-rgb), 0.10); }
.c-light\/20 { color: rgba(var(--color-light-rgb), 0.20); }
.c-light\/30 { color: rgba(var(--color-light-rgb), 0.30); }
.c-light\/40 { color: rgba(var(--color-light-rgb), 0.40); }
.c-light\/50 { color: rgba(var(--color-light-rgb), 0.50); }
.c-light\/60 { color: rgba(var(--color-light-rgb), 0.60); }
.c-light\/70 { color: rgba(var(--color-light-rgb), 0.70); }
.c-light\/80 { color: rgba(var(--color-light-rgb), 0.80); }
.c-light\/90 { color: rgba(var(--color-light-rgb), 0.90); }
.c-white { color: rgba(var(--color-white-rgb), 1); }
.c-white\/10 { color: rgba(var(--color-white-rgb), 0.10); }
.c-white\/20 { color: rgba(var(--color-white-rgb), 0.20); }
.c-white\/30 { color: rgba(var(--color-white-rgb), 0.30); }
.c-white\/40 { color: rgba(var(--color-white-rgb), 0.40); }
.c-white\/50 { color: rgba(var(--color-white-rgb), 0.50); }
.c-white\/60 { color: rgba(var(--color-white-rgb), 0.60); }
.c-white\/70 { color: rgba(var(--color-white-rgb), 0.70); }
.c-white\/80 { color: rgba(var(--color-white-rgb), 0.80); }
.c-white\/90 { color: rgba(var(--color-white-rgb), 0.90); }

/* Fill Utilities */
.fill-primary-50 { fill: rgba(var(--color-primary-50-rgb), 1); }
.fill-primary-50\/10 { fill: rgba(var(--color-primary-50-rgb), 0.10); }
.fill-primary-50\/20 { fill: rgba(var(--color-primary-50-rgb), 0.20); }
.fill-primary-50\/30 { fill: rgba(var(--color-primary-50-rgb), 0.30); }
.fill-primary-50\/40 { fill: rgba(var(--color-primary-50-rgb), 0.40); }
.fill-primary-50\/50 { fill: rgba(var(--color-primary-50-rgb), 0.50); }
.fill-primary-50\/60 { fill: rgba(var(--color-primary-50-rgb), 0.60); }
.fill-primary-50\/70 { fill: rgba(var(--color-primary-50-rgb), 0.70); }
.fill-primary-50\/80 { fill: rgba(var(--color-primary-50-rgb), 0.80); }
.fill-primary-50\/90 { fill: rgba(var(--color-primary-50-rgb), 0.90); }
.fill-primary-100 { fill: rgba(var(--color-primary-100-rgb), 1); }
.fill-primary-100\/10 { fill: rgba(var(--color-primary-100-rgb), 0.10); }
.fill-primary-100\/20 { fill: rgba(var(--color-primary-100-rgb), 0.20); }
.fill-primary-100\/30 { fill: rgba(var(--color-primary-100-rgb), 0.30); }
.fill-primary-100\/40 { fill: rgba(var(--color-primary-100-rgb), 0.40); }
.fill-primary-100\/50 { fill: rgba(var(--color-primary-100-rgb), 0.50); }
.fill-primary-100\/60 { fill: rgba(var(--color-primary-100-rgb), 0.60); }
.fill-primary-100\/70 { fill: rgba(var(--color-primary-100-rgb), 0.70); }
.fill-primary-100\/80 { fill: rgba(var(--color-primary-100-rgb), 0.80); }
.fill-primary-100\/90 { fill: rgba(var(--color-primary-100-rgb), 0.90); }
.fill-primary-200 { fill: rgba(var(--color-primary-200-rgb), 1); }
.fill-primary-200\/10 { fill: rgba(var(--color-primary-200-rgb), 0.10); }
.fill-primary-200\/20 { fill: rgba(var(--color-primary-200-rgb), 0.20); }
.fill-primary-200\/30 { fill: rgba(var(--color-primary-200-rgb), 0.30); }
.fill-primary-200\/40 { fill: rgba(var(--color-primary-200-rgb), 0.40); }
.fill-primary-200\/50 { fill: rgba(var(--color-primary-200-rgb), 0.50); }
.fill-primary-200\/60 { fill: rgba(var(--color-primary-200-rgb), 0.60); }
.fill-primary-200\/70 { fill: rgba(var(--color-primary-200-rgb), 0.70); }
.fill-primary-200\/80 { fill: rgba(var(--color-primary-200-rgb), 0.80); }
.fill-primary-200\/90 { fill: rgba(var(--color-primary-200-rgb), 0.90); }
.fill-primary-300 { fill: rgba(var(--color-primary-300-rgb), 1); }
.fill-primary-300\/10 { fill: rgba(var(--color-primary-300-rgb), 0.10); }
.fill-primary-300\/20 { fill: rgba(var(--color-primary-300-rgb), 0.20); }
.fill-primary-300\/30 { fill: rgba(var(--color-primary-300-rgb), 0.30); }
.fill-primary-300\/40 { fill: rgba(var(--color-primary-300-rgb), 0.40); }
.fill-primary-300\/50 { fill: rgba(var(--color-primary-300-rgb), 0.50); }
.fill-primary-300\/60 { fill: rgba(var(--color-primary-300-rgb), 0.60); }
.fill-primary-300\/70 { fill: rgba(var(--color-primary-300-rgb), 0.70); }
.fill-primary-300\/80 { fill: rgba(var(--color-primary-300-rgb), 0.80); }
.fill-primary-300\/90 { fill: rgba(var(--color-primary-300-rgb), 0.90); }
.fill-primary-400 { fill: rgba(var(--color-primary-400-rgb), 1); }
.fill-primary-400\/10 { fill: rgba(var(--color-primary-400-rgb), 0.10); }
.fill-primary-400\/20 { fill: rgba(var(--color-primary-400-rgb), 0.20); }
.fill-primary-400\/30 { fill: rgba(var(--color-primary-400-rgb), 0.30); }
.fill-primary-400\/40 { fill: rgba(var(--color-primary-400-rgb), 0.40); }
.fill-primary-400\/50 { fill: rgba(var(--color-primary-400-rgb), 0.50); }
.fill-primary-400\/60 { fill: rgba(var(--color-primary-400-rgb), 0.60); }
.fill-primary-400\/70 { fill: rgba(var(--color-primary-400-rgb), 0.70); }
.fill-primary-400\/80 { fill: rgba(var(--color-primary-400-rgb), 0.80); }
.fill-primary-400\/90 { fill: rgba(var(--color-primary-400-rgb), 0.90); }
.fill-primary-500 { fill: rgba(var(--color-primary-500-rgb), 1); }
.fill-primary-500\/10 { fill: rgba(var(--color-primary-500-rgb), 0.10); }
.fill-primary-500\/20 { fill: rgba(var(--color-primary-500-rgb), 0.20); }
.fill-primary-500\/30 { fill: rgba(var(--color-primary-500-rgb), 0.30); }
.fill-primary-500\/40 { fill: rgba(var(--color-primary-500-rgb), 0.40); }
.fill-primary-500\/50 { fill: rgba(var(--color-primary-500-rgb), 0.50); }
.fill-primary-500\/60 { fill: rgba(var(--color-primary-500-rgb), 0.60); }
.fill-primary-500\/70 { fill: rgba(var(--color-primary-500-rgb), 0.70); }
.fill-primary-500\/80 { fill: rgba(var(--color-primary-500-rgb), 0.80); }
.fill-primary-500\/90 { fill: rgba(var(--color-primary-500-rgb), 0.90); }
.fill-primary-600 { fill: rgba(var(--color-primary-600-rgb), 1); }
.fill-primary-600\/10 { fill: rgba(var(--color-primary-600-rgb), 0.10); }
.fill-primary-600\/20 { fill: rgba(var(--color-primary-600-rgb), 0.20); }
.fill-primary-600\/30 { fill: rgba(var(--color-primary-600-rgb), 0.30); }
.fill-primary-600\/40 { fill: rgba(var(--color-primary-600-rgb), 0.40); }
.fill-primary-600\/50 { fill: rgba(var(--color-primary-600-rgb), 0.50); }
.fill-primary-600\/60 { fill: rgba(var(--color-primary-600-rgb), 0.60); }
.fill-primary-600\/70 { fill: rgba(var(--color-primary-600-rgb), 0.70); }
.fill-primary-600\/80 { fill: rgba(var(--color-primary-600-rgb), 0.80); }
.fill-primary-600\/90 { fill: rgba(var(--color-primary-600-rgb), 0.90); }
.fill-primary-700 { fill: rgba(var(--color-primary-700-rgb), 1); }
.fill-primary-700\/10 { fill: rgba(var(--color-primary-700-rgb), 0.10); }
.fill-primary-700\/20 { fill: rgba(var(--color-primary-700-rgb), 0.20); }
.fill-primary-700\/30 { fill: rgba(var(--color-primary-700-rgb), 0.30); }
.fill-primary-700\/40 { fill: rgba(var(--color-primary-700-rgb), 0.40); }
.fill-primary-700\/50 { fill: rgba(var(--color-primary-700-rgb), 0.50); }
.fill-primary-700\/60 { fill: rgba(var(--color-primary-700-rgb), 0.60); }
.fill-primary-700\/70 { fill: rgba(var(--color-primary-700-rgb), 0.70); }
.fill-primary-700\/80 { fill: rgba(var(--color-primary-700-rgb), 0.80); }
.fill-primary-700\/90 { fill: rgba(var(--color-primary-700-rgb), 0.90); }
.fill-primary-800 { fill: rgba(var(--color-primary-800-rgb), 1); }
.fill-primary-800\/10 { fill: rgba(var(--color-primary-800-rgb), 0.10); }
.fill-primary-800\/20 { fill: rgba(var(--color-primary-800-rgb), 0.20); }
.fill-primary-800\/30 { fill: rgba(var(--color-primary-800-rgb), 0.30); }
.fill-primary-800\/40 { fill: rgba(var(--color-primary-800-rgb), 0.40); }
.fill-primary-800\/50 { fill: rgba(var(--color-primary-800-rgb), 0.50); }
.fill-primary-800\/60 { fill: rgba(var(--color-primary-800-rgb), 0.60); }
.fill-primary-800\/70 { fill: rgba(var(--color-primary-800-rgb), 0.70); }
.fill-primary-800\/80 { fill: rgba(var(--color-primary-800-rgb), 0.80); }
.fill-primary-800\/90 { fill: rgba(var(--color-primary-800-rgb), 0.90); }
.fill-primary-900 { fill: rgba(var(--color-primary-900-rgb), 1); }
.fill-primary-900\/10 { fill: rgba(var(--color-primary-900-rgb), 0.10); }
.fill-primary-900\/20 { fill: rgba(var(--color-primary-900-rgb), 0.20); }
.fill-primary-900\/30 { fill: rgba(var(--color-primary-900-rgb), 0.30); }
.fill-primary-900\/40 { fill: rgba(var(--color-primary-900-rgb), 0.40); }
.fill-primary-900\/50 { fill: rgba(var(--color-primary-900-rgb), 0.50); }
.fill-primary-900\/60 { fill: rgba(var(--color-primary-900-rgb), 0.60); }
.fill-primary-900\/70 { fill: rgba(var(--color-primary-900-rgb), 0.70); }
.fill-primary-900\/80 { fill: rgba(var(--color-primary-900-rgb), 0.80); }
.fill-primary-900\/90 { fill: rgba(var(--color-primary-900-rgb), 0.90); }
.fill-primary-950 { fill: rgba(var(--color-primary-950-rgb), 1); }
.fill-primary-950\/10 { fill: rgba(var(--color-primary-950-rgb), 0.10); }
.fill-primary-950\/20 { fill: rgba(var(--color-primary-950-rgb), 0.20); }
.fill-primary-950\/30 { fill: rgba(var(--color-primary-950-rgb), 0.30); }
.fill-primary-950\/40 { fill: rgba(var(--color-primary-950-rgb), 0.40); }
.fill-primary-950\/50 { fill: rgba(var(--color-primary-950-rgb), 0.50); }
.fill-primary-950\/60 { fill: rgba(var(--color-primary-950-rgb), 0.60); }
.fill-primary-950\/70 { fill: rgba(var(--color-primary-950-rgb), 0.70); }
.fill-primary-950\/80 { fill: rgba(var(--color-primary-950-rgb), 0.80); }
.fill-primary-950\/90 { fill: rgba(var(--color-primary-950-rgb), 0.90); }
.fill-text { fill: rgba(var(--color-text-rgb), 1); }
.fill-text\/10 { fill: rgba(var(--color-text-rgb), 0.10); }
.fill-text\/20 { fill: rgba(var(--color-text-rgb), 0.20); }
.fill-text\/30 { fill: rgba(var(--color-text-rgb), 0.30); }
.fill-text\/40 { fill: rgba(var(--color-text-rgb), 0.40); }
.fill-text\/50 { fill: rgba(var(--color-text-rgb), 0.50); }
.fill-text\/60 { fill: rgba(var(--color-text-rgb), 0.60); }
.fill-text\/70 { fill: rgba(var(--color-text-rgb), 0.70); }
.fill-text\/80 { fill: rgba(var(--color-text-rgb), 0.80); }
.fill-text\/90 { fill: rgba(var(--color-text-rgb), 0.90); }
.fill-success { fill: rgba(var(--color-success-rgb), 1); }
.fill-success\/10 { fill: rgba(var(--color-success-rgb), 0.10); }
.fill-success\/20 { fill: rgba(var(--color-success-rgb), 0.20); }
.fill-success\/30 { fill: rgba(var(--color-success-rgb), 0.30); }
.fill-success\/40 { fill: rgba(var(--color-success-rgb), 0.40); }
.fill-success\/50 { fill: rgba(var(--color-success-rgb), 0.50); }
.fill-success\/60 { fill: rgba(var(--color-success-rgb), 0.60); }
.fill-success\/70 { fill: rgba(var(--color-success-rgb), 0.70); }
.fill-success\/80 { fill: rgba(var(--color-success-rgb), 0.80); }
.fill-success\/90 { fill: rgba(var(--color-success-rgb), 0.90); }
.fill-warning { fill: rgba(var(--color-warning-rgb), 1); }
.fill-warning\/10 { fill: rgba(var(--color-warning-rgb), 0.10); }
.fill-warning\/20 { fill: rgba(var(--color-warning-rgb), 0.20); }
.fill-warning\/30 { fill: rgba(var(--color-warning-rgb), 0.30); }
.fill-warning\/40 { fill: rgba(var(--color-warning-rgb), 0.40); }
.fill-warning\/50 { fill: rgba(var(--color-warning-rgb), 0.50); }
.fill-warning\/60 { fill: rgba(var(--color-warning-rgb), 0.60); }
.fill-warning\/70 { fill: rgba(var(--color-warning-rgb), 0.70); }
.fill-warning\/80 { fill: rgba(var(--color-warning-rgb), 0.80); }
.fill-warning\/90 { fill: rgba(var(--color-warning-rgb), 0.90); }
.fill-danger { fill: rgba(var(--color-danger-rgb), 1); }
.fill-danger\/10 { fill: rgba(var(--color-danger-rgb), 0.10); }
.fill-danger\/20 { fill: rgba(var(--color-danger-rgb), 0.20); }
.fill-danger\/30 { fill: rgba(var(--color-danger-rgb), 0.30); }
.fill-danger\/40 { fill: rgba(var(--color-danger-rgb), 0.40); }
.fill-danger\/50 { fill: rgba(var(--color-danger-rgb), 0.50); }
.fill-danger\/60 { fill: rgba(var(--color-danger-rgb), 0.60); }
.fill-danger\/70 { fill: rgba(var(--color-danger-rgb), 0.70); }
.fill-danger\/80 { fill: rgba(var(--color-danger-rgb), 0.80); }
.fill-danger\/90 { fill: rgba(var(--color-danger-rgb), 0.90); }
.fill-light { fill: rgba(var(--color-light-rgb), 1); }
.fill-light\/10 { fill: rgba(var(--color-light-rgb), 0.10); }
.fill-light\/20 { fill: rgba(var(--color-light-rgb), 0.20); }
.fill-light\/30 { fill: rgba(var(--color-light-rgb), 0.30); }
.fill-light\/40 { fill: rgba(var(--color-light-rgb), 0.40); }
.fill-light\/50 { fill: rgba(var(--color-light-rgb), 0.50); }
.fill-light\/60 { fill: rgba(var(--color-light-rgb), 0.60); }
.fill-light\/70 { fill: rgba(var(--color-light-rgb), 0.70); }
.fill-light\/80 { fill: rgba(var(--color-light-rgb), 0.80); }
.fill-light\/90 { fill: rgba(var(--color-light-rgb), 0.90); }
.fill-white { fill: rgba(var(--color-white-rgb), 1); }
.fill-white\/10 { fill: rgba(var(--color-white-rgb), 0.10); }
.fill-white\/20 { fill: rgba(var(--color-white-rgb), 0.20); }
.fill-white\/30 { fill: rgba(var(--color-white-rgb), 0.30); }
.fill-white\/40 { fill: rgba(var(--color-white-rgb), 0.40); }
.fill-white\/50 { fill: rgba(var(--color-white-rgb), 0.50); }
.fill-white\/60 { fill: rgba(var(--color-white-rgb), 0.60); }
.fill-white\/70 { fill: rgba(var(--color-white-rgb), 0.70); }
.fill-white\/80 { fill: rgba(var(--color-white-rgb), 0.80); }
.fill-white\/90 { fill: rgba(var(--color-white-rgb), 0.90); }

/* Shade Gradient Utilities (Linear + Radial) */
.shade-primary-50.to-t {
  background-image: linear-gradient(to top, rgba(var(--color-primary-50-rgb), 1) 0%, rgba(var(--color-primary-50-rgb), 0) 100%);
}
.shade-primary-50.to-b {
  background-image: linear-gradient(to bottom, rgba(var(--color-primary-50-rgb), 1) 0%, rgba(var(--color-primary-50-rgb), 0) 100%);
}
.shade-primary-50.to-l {
  background-image: linear-gradient(to left, rgba(var(--color-primary-50-rgb), 1) 0%, rgba(var(--color-primary-50-rgb), 0) 100%);
}
.shade-primary-50.to-r {
  background-image: linear-gradient(to right, rgba(var(--color-primary-50-rgb), 1) 0%, rgba(var(--color-primary-50-rgb), 0) 100%);
}
.shade-primary-50.to-tl {
  background-image: linear-gradient(to top left, rgba(var(--color-primary-50-rgb), 1) 0%, rgba(var(--color-primary-50-rgb), 0) 100%);
}
.shade-primary-50.to-tr {
  background-image: linear-gradient(to top right, rgba(var(--color-primary-50-rgb), 1) 0%, rgba(var(--color-primary-50-rgb), 0) 100%);
}
.shade-primary-50.to-bl {
  background-image: linear-gradient(to bottom left, rgba(var(--color-primary-50-rgb), 1) 0%, rgba(var(--color-primary-50-rgb), 0) 100%);
}
.shade-primary-50.to-br {
  background-image: linear-gradient(to bottom right, rgba(var(--color-primary-50-rgb), 1) 0%, rgba(var(--color-primary-50-rgb), 0) 100%);
}
.shade-primary-50.radial {
  background-image: radial-gradient(circle, rgba(var(--color-primary-50-rgb), 1) 0%, rgba(var(--color-primary-50-rgb), 0) 70%);
}
.shade-primary-100.to-t {
  background-image: linear-gradient(to top, rgba(var(--color-primary-100-rgb), 1) 0%, rgba(var(--color-primary-100-rgb), 0) 100%);
}
.shade-primary-100.to-b {
  background-image: linear-gradient(to bottom, rgba(var(--color-primary-100-rgb), 1) 0%, rgba(var(--color-primary-100-rgb), 0) 100%);
}
.shade-primary-100.to-l {
  background-image: linear-gradient(to left, rgba(var(--color-primary-100-rgb), 1) 0%, rgba(var(--color-primary-100-rgb), 0) 100%);
}
.shade-primary-100.to-r {
  background-image: linear-gradient(to right, rgba(var(--color-primary-100-rgb), 1) 0%, rgba(var(--color-primary-100-rgb), 0) 100%);
}
.shade-primary-100.to-tl {
  background-image: linear-gradient(to top left, rgba(var(--color-primary-100-rgb), 1) 0%, rgba(var(--color-primary-100-rgb), 0) 100%);
}
.shade-primary-100.to-tr {
  background-image: linear-gradient(to top right, rgba(var(--color-primary-100-rgb), 1) 0%, rgba(var(--color-primary-100-rgb), 0) 100%);
}
.shade-primary-100.to-bl {
  background-image: linear-gradient(to bottom left, rgba(var(--color-primary-100-rgb), 1) 0%, rgba(var(--color-primary-100-rgb), 0) 100%);
}
.shade-primary-100.to-br {
  background-image: linear-gradient(to bottom right, rgba(var(--color-primary-100-rgb), 1) 0%, rgba(var(--color-primary-100-rgb), 0) 100%);
}
.shade-primary-100.radial {
  background-image: radial-gradient(circle, rgba(var(--color-primary-100-rgb), 1) 0%, rgba(var(--color-primary-100-rgb), 0) 70%);
}
.shade-primary-200.to-t {
  background-image: linear-gradient(to top, rgba(var(--color-primary-200-rgb), 1) 0%, rgba(var(--color-primary-200-rgb), 0) 100%);
}
.shade-primary-200.to-b {
  background-image: linear-gradient(to bottom, rgba(var(--color-primary-200-rgb), 1) 0%, rgba(var(--color-primary-200-rgb), 0) 100%);
}
.shade-primary-200.to-l {
  background-image: linear-gradient(to left, rgba(var(--color-primary-200-rgb), 1) 0%, rgba(var(--color-primary-200-rgb), 0) 100%);
}
.shade-primary-200.to-r {
  background-image: linear-gradient(to right, rgba(var(--color-primary-200-rgb), 1) 0%, rgba(var(--color-primary-200-rgb), 0) 100%);
}
.shade-primary-200.to-tl {
  background-image: linear-gradient(to top left, rgba(var(--color-primary-200-rgb), 1) 0%, rgba(var(--color-primary-200-rgb), 0) 100%);
}
.shade-primary-200.to-tr {
  background-image: linear-gradient(to top right, rgba(var(--color-primary-200-rgb), 1) 0%, rgba(var(--color-primary-200-rgb), 0) 100%);
}
.shade-primary-200.to-bl {
  background-image: linear-gradient(to bottom left, rgba(var(--color-primary-200-rgb), 1) 0%, rgba(var(--color-primary-200-rgb), 0) 100%);
}
.shade-primary-200.to-br {
  background-image: linear-gradient(to bottom right, rgba(var(--color-primary-200-rgb), 1) 0%, rgba(var(--color-primary-200-rgb), 0) 100%);
}
.shade-primary-200.radial {
  background-image: radial-gradient(circle, rgba(var(--color-primary-200-rgb), 1) 0%, rgba(var(--color-primary-200-rgb), 0) 70%);
}
.shade-primary-300.to-t {
  background-image: linear-gradient(to top, rgba(var(--color-primary-300-rgb), 1) 0%, rgba(var(--color-primary-300-rgb), 0) 100%);
}
.shade-primary-300.to-b {
  background-image: linear-gradient(to bottom, rgba(var(--color-primary-300-rgb), 1) 0%, rgba(var(--color-primary-300-rgb), 0) 100%);
}
.shade-primary-300.to-l {
  background-image: linear-gradient(to left, rgba(var(--color-primary-300-rgb), 1) 0%, rgba(var(--color-primary-300-rgb), 0) 100%);
}
.shade-primary-300.to-r {
  background-image: linear-gradient(to right, rgba(var(--color-primary-300-rgb), 1) 0%, rgba(var(--color-primary-300-rgb), 0) 100%);
}
.shade-primary-300.to-tl {
  background-image: linear-gradient(to top left, rgba(var(--color-primary-300-rgb), 1) 0%, rgba(var(--color-primary-300-rgb), 0) 100%);
}
.shade-primary-300.to-tr {
  background-image: linear-gradient(to top right, rgba(var(--color-primary-300-rgb), 1) 0%, rgba(var(--color-primary-300-rgb), 0) 100%);
}
.shade-primary-300.to-bl {
  background-image: linear-gradient(to bottom left, rgba(var(--color-primary-300-rgb), 1) 0%, rgba(var(--color-primary-300-rgb), 0) 100%);
}
.shade-primary-300.to-br {
  background-image: linear-gradient(to bottom right, rgba(var(--color-primary-300-rgb), 1) 0%, rgba(var(--color-primary-300-rgb), 0) 100%);
}
.shade-primary-300.radial {
  background-image: radial-gradient(circle, rgba(var(--color-primary-300-rgb), 1) 0%, rgba(var(--color-primary-300-rgb), 0) 70%);
}
.shade-primary-400.to-t {
  background-image: linear-gradient(to top, rgba(var(--color-primary-400-rgb), 1) 0%, rgba(var(--color-primary-400-rgb), 0) 100%);
}
.shade-primary-400.to-b {
  background-image: linear-gradient(to bottom, rgba(var(--color-primary-400-rgb), 1) 0%, rgba(var(--color-primary-400-rgb), 0) 100%);
}
.shade-primary-400.to-l {
  background-image: linear-gradient(to left, rgba(var(--color-primary-400-rgb), 1) 0%, rgba(var(--color-primary-400-rgb), 0) 100%);
}
.shade-primary-400.to-r {
  background-image: linear-gradient(to right, rgba(var(--color-primary-400-rgb), 1) 0%, rgba(var(--color-primary-400-rgb), 0) 100%);
}
.shade-primary-400.to-tl {
  background-image: linear-gradient(to top left, rgba(var(--color-primary-400-rgb), 1) 0%, rgba(var(--color-primary-400-rgb), 0) 100%);
}
.shade-primary-400.to-tr {
  background-image: linear-gradient(to top right, rgba(var(--color-primary-400-rgb), 1) 0%, rgba(var(--color-primary-400-rgb), 0) 100%);
}
.shade-primary-400.to-bl {
  background-image: linear-gradient(to bottom left, rgba(var(--color-primary-400-rgb), 1) 0%, rgba(var(--color-primary-400-rgb), 0) 100%);
}
.shade-primary-400.to-br {
  background-image: linear-gradient(to bottom right, rgba(var(--color-primary-400-rgb), 1) 0%, rgba(var(--color-primary-400-rgb), 0) 100%);
}
.shade-primary-400.radial {
  background-image: radial-gradient(circle, rgba(var(--color-primary-400-rgb), 1) 0%, rgba(var(--color-primary-400-rgb), 0) 70%);
}
.shade-primary-500.to-t {
  background-image: linear-gradient(to top, rgba(var(--color-primary-500-rgb), 1) 0%, rgba(var(--color-primary-500-rgb), 0) 100%);
}
.shade-primary-500.to-b {
  background-image: linear-gradient(to bottom, rgba(var(--color-primary-500-rgb), 1) 0%, rgba(var(--color-primary-500-rgb), 0) 100%);
}
.shade-primary-500.to-l {
  background-image: linear-gradient(to left, rgba(var(--color-primary-500-rgb), 1) 0%, rgba(var(--color-primary-500-rgb), 0) 100%);
}
.shade-primary-500.to-r {
  background-image: linear-gradient(to right, rgba(var(--color-primary-500-rgb), 1) 0%, rgba(var(--color-primary-500-rgb), 0) 100%);
}
.shade-primary-500.to-tl {
  background-image: linear-gradient(to top left, rgba(var(--color-primary-500-rgb), 1) 0%, rgba(var(--color-primary-500-rgb), 0) 100%);
}
.shade-primary-500.to-tr {
  background-image: linear-gradient(to top right, rgba(var(--color-primary-500-rgb), 1) 0%, rgba(var(--color-primary-500-rgb), 0) 100%);
}
.shade-primary-500.to-bl {
  background-image: linear-gradient(to bottom left, rgba(var(--color-primary-500-rgb), 1) 0%, rgba(var(--color-primary-500-rgb), 0) 100%);
}
.shade-primary-500.to-br {
  background-image: linear-gradient(to bottom right, rgba(var(--color-primary-500-rgb), 1) 0%, rgba(var(--color-primary-500-rgb), 0) 100%);
}
.shade-primary-500.radial {
  background-image: radial-gradient(circle, rgba(var(--color-primary-500-rgb), 1) 0%, rgba(var(--color-primary-500-rgb), 0) 70%);
}
.shade-primary-600.to-t {
  background-image: linear-gradient(to top, rgba(var(--color-primary-600-rgb), 1) 0%, rgba(var(--color-primary-600-rgb), 0) 100%);
}
.shade-primary-600.to-b {
  background-image: linear-gradient(to bottom, rgba(var(--color-primary-600-rgb), 1) 0%, rgba(var(--color-primary-600-rgb), 0) 100%);
}
.shade-primary-600.to-l {
  background-image: linear-gradient(to left, rgba(var(--color-primary-600-rgb), 1) 0%, rgba(var(--color-primary-600-rgb), 0) 100%);
}
.shade-primary-600.to-r {
  background-image: linear-gradient(to right, rgba(var(--color-primary-600-rgb), 1) 0%, rgba(var(--color-primary-600-rgb), 0) 100%);
}
.shade-primary-600.to-tl {
  background-image: linear-gradient(to top left, rgba(var(--color-primary-600-rgb), 1) 0%, rgba(var(--color-primary-600-rgb), 0) 100%);
}
.shade-primary-600.to-tr {
  background-image: linear-gradient(to top right, rgba(var(--color-primary-600-rgb), 1) 0%, rgba(var(--color-primary-600-rgb), 0) 100%);
}
.shade-primary-600.to-bl {
  background-image: linear-gradient(to bottom left, rgba(var(--color-primary-600-rgb), 1) 0%, rgba(var(--color-primary-600-rgb), 0) 100%);
}
.shade-primary-600.to-br {
  background-image: linear-gradient(to bottom right, rgba(var(--color-primary-600-rgb), 1) 0%, rgba(var(--color-primary-600-rgb), 0) 100%);
}
.shade-primary-600.radial {
  background-image: radial-gradient(circle, rgba(var(--color-primary-600-rgb), 1) 0%, rgba(var(--color-primary-600-rgb), 0) 70%);
}
.shade-primary-700.to-t {
  background-image: linear-gradient(to top, rgba(var(--color-primary-700-rgb), 1) 0%, rgba(var(--color-primary-700-rgb), 0) 100%);
}
.shade-primary-700.to-b {
  background-image: linear-gradient(to bottom, rgba(var(--color-primary-700-rgb), 1) 0%, rgba(var(--color-primary-700-rgb), 0) 100%);
}
.shade-primary-700.to-l {
  background-image: linear-gradient(to left, rgba(var(--color-primary-700-rgb), 1) 0%, rgba(var(--color-primary-700-rgb), 0) 100%);
}
.shade-primary-700.to-r {
  background-image: linear-gradient(to right, rgba(var(--color-primary-700-rgb), 1) 0%, rgba(var(--color-primary-700-rgb), 0) 100%);
}
.shade-primary-700.to-tl {
  background-image: linear-gradient(to top left, rgba(var(--color-primary-700-rgb), 1) 0%, rgba(var(--color-primary-700-rgb), 0) 100%);
}
.shade-primary-700.to-tr {
  background-image: linear-gradient(to top right, rgba(var(--color-primary-700-rgb), 1) 0%, rgba(var(--color-primary-700-rgb), 0) 100%);
}
.shade-primary-700.to-bl {
  background-image: linear-gradient(to bottom left, rgba(var(--color-primary-700-rgb), 1) 0%, rgba(var(--color-primary-700-rgb), 0) 100%);
}
.shade-primary-700.to-br {
  background-image: linear-gradient(to bottom right, rgba(var(--color-primary-700-rgb), 1) 0%, rgba(var(--color-primary-700-rgb), 0) 100%);
}
.shade-primary-700.radial {
  background-image: radial-gradient(circle, rgba(var(--color-primary-700-rgb), 1) 0%, rgba(var(--color-primary-700-rgb), 0) 70%);
}
.shade-primary-800.to-t {
  background-image: linear-gradient(to top, rgba(var(--color-primary-800-rgb), 1) 0%, rgba(var(--color-primary-800-rgb), 0) 100%);
}
.shade-primary-800.to-b {
  background-image: linear-gradient(to bottom, rgba(var(--color-primary-800-rgb), 1) 0%, rgba(var(--color-primary-800-rgb), 0) 100%);
}
.shade-primary-800.to-l {
  background-image: linear-gradient(to left, rgba(var(--color-primary-800-rgb), 1) 0%, rgba(var(--color-primary-800-rgb), 0) 100%);
}
.shade-primary-800.to-r {
  background-image: linear-gradient(to right, rgba(var(--color-primary-800-rgb), 1) 0%, rgba(var(--color-primary-800-rgb), 0) 100%);
}
.shade-primary-800.to-tl {
  background-image: linear-gradient(to top left, rgba(var(--color-primary-800-rgb), 1) 0%, rgba(var(--color-primary-800-rgb), 0) 100%);
}
.shade-primary-800.to-tr {
  background-image: linear-gradient(to top right, rgba(var(--color-primary-800-rgb), 1) 0%, rgba(var(--color-primary-800-rgb), 0) 100%);
}
.shade-primary-800.to-bl {
  background-image: linear-gradient(to bottom left, rgba(var(--color-primary-800-rgb), 1) 0%, rgba(var(--color-primary-800-rgb), 0) 100%);
}
.shade-primary-800.to-br {
  background-image: linear-gradient(to bottom right, rgba(var(--color-primary-800-rgb), 1) 0%, rgba(var(--color-primary-800-rgb), 0) 100%);
}
.shade-primary-800.radial {
  background-image: radial-gradient(circle, rgba(var(--color-primary-800-rgb), 1) 0%, rgba(var(--color-primary-800-rgb), 0) 70%);
}
.shade-primary-900.to-t {
  background-image: linear-gradient(to top, rgba(var(--color-primary-900-rgb), 1) 0%, rgba(var(--color-primary-900-rgb), 0) 100%);
}
.shade-primary-900.to-b {
  background-image: linear-gradient(to bottom, rgba(var(--color-primary-900-rgb), 1) 0%, rgba(var(--color-primary-900-rgb), 0) 100%);
}
.shade-primary-900.to-l {
  background-image: linear-gradient(to left, rgba(var(--color-primary-900-rgb), 1) 0%, rgba(var(--color-primary-900-rgb), 0) 100%);
}
.shade-primary-900.to-r {
  background-image: linear-gradient(to right, rgba(var(--color-primary-900-rgb), 1) 0%, rgba(var(--color-primary-900-rgb), 0) 100%);
}
.shade-primary-900.to-tl {
  background-image: linear-gradient(to top left, rgba(var(--color-primary-900-rgb), 1) 0%, rgba(var(--color-primary-900-rgb), 0) 100%);
}
.shade-primary-900.to-tr {
  background-image: linear-gradient(to top right, rgba(var(--color-primary-900-rgb), 1) 0%, rgba(var(--color-primary-900-rgb), 0) 100%);
}
.shade-primary-900.to-bl {
  background-image: linear-gradient(to bottom left, rgba(var(--color-primary-900-rgb), 1) 0%, rgba(var(--color-primary-900-rgb), 0) 100%);
}
.shade-primary-900.to-br {
  background-image: linear-gradient(to bottom right, rgba(var(--color-primary-900-rgb), 1) 0%, rgba(var(--color-primary-900-rgb), 0) 100%);
}
.shade-primary-900.radial {
  background-image: radial-gradient(circle, rgba(var(--color-primary-900-rgb), 1) 0%, rgba(var(--color-primary-900-rgb), 0) 70%);
}
.shade-primary-950.to-t {
  background-image: linear-gradient(to top, rgba(var(--color-primary-950-rgb), 1) 0%, rgba(var(--color-primary-950-rgb), 0) 100%);
}
.shade-primary-950.to-b {
  background-image: linear-gradient(to bottom, rgba(var(--color-primary-950-rgb), 1) 0%, rgba(var(--color-primary-950-rgb), 0) 100%);
}
.shade-primary-950.to-l {
  background-image: linear-gradient(to left, rgba(var(--color-primary-950-rgb), 1) 0%, rgba(var(--color-primary-950-rgb), 0) 100%);
}
.shade-primary-950.to-r {
  background-image: linear-gradient(to right, rgba(var(--color-primary-950-rgb), 1) 0%, rgba(var(--color-primary-950-rgb), 0) 100%);
}
.shade-primary-950.to-tl {
  background-image: linear-gradient(to top left, rgba(var(--color-primary-950-rgb), 1) 0%, rgba(var(--color-primary-950-rgb), 0) 100%);
}
.shade-primary-950.to-tr {
  background-image: linear-gradient(to top right, rgba(var(--color-primary-950-rgb), 1) 0%, rgba(var(--color-primary-950-rgb), 0) 100%);
}
.shade-primary-950.to-bl {
  background-image: linear-gradient(to bottom left, rgba(var(--color-primary-950-rgb), 1) 0%, rgba(var(--color-primary-950-rgb), 0) 100%);
}
.shade-primary-950.to-br {
  background-image: linear-gradient(to bottom right, rgba(var(--color-primary-950-rgb), 1) 0%, rgba(var(--color-primary-950-rgb), 0) 100%);
}
.shade-primary-950.radial {
  background-image: radial-gradient(circle, rgba(var(--color-primary-950-rgb), 1) 0%, rgba(var(--color-primary-950-rgb), 0) 70%);
}
.shade-text.to-t {
  background-image: linear-gradient(to top, rgba(var(--color-text-rgb), 1) 0%, rgba(var(--color-text-rgb), 0) 100%);
}
.shade-text.to-b {
  background-image: linear-gradient(to bottom, rgba(var(--color-text-rgb), 1) 0%, rgba(var(--color-text-rgb), 0) 100%);
}
.shade-text.to-l {
  background-image: linear-gradient(to left, rgba(var(--color-text-rgb), 1) 0%, rgba(var(--color-text-rgb), 0) 100%);
}
.shade-text.to-r {
  background-image: linear-gradient(to right, rgba(var(--color-text-rgb), 1) 0%, rgba(var(--color-text-rgb), 0) 100%);
}
.shade-text.to-tl {
  background-image: linear-gradient(to top left, rgba(var(--color-text-rgb), 1) 0%, rgba(var(--color-text-rgb), 0) 100%);
}
.shade-text.to-tr {
  background-image: linear-gradient(to top right, rgba(var(--color-text-rgb), 1) 0%, rgba(var(--color-text-rgb), 0) 100%);
}
.shade-text.to-bl {
  background-image: linear-gradient(to bottom left, rgba(var(--color-text-rgb), 1) 0%, rgba(var(--color-text-rgb), 0) 100%);
}
.shade-text.to-br {
  background-image: linear-gradient(to bottom right, rgba(var(--color-text-rgb), 1) 0%, rgba(var(--color-text-rgb), 0) 100%);
}
.shade-text.radial {
  background-image: radial-gradient(circle, rgba(var(--color-text-rgb), 1) 0%, rgba(var(--color-text-rgb), 0) 70%);
}
.shade-success.to-t {
  background-image: linear-gradient(to top, rgba(var(--color-success-rgb), 1) 0%, rgba(var(--color-success-rgb), 0) 100%);
}
.shade-success.to-b {
  background-image: linear-gradient(to bottom, rgba(var(--color-success-rgb), 1) 0%, rgba(var(--color-success-rgb), 0) 100%);
}
.shade-success.to-l {
  background-image: linear-gradient(to left, rgba(var(--color-success-rgb), 1) 0%, rgba(var(--color-success-rgb), 0) 100%);
}
.shade-success.to-r {
  background-image: linear-gradient(to right, rgba(var(--color-success-rgb), 1) 0%, rgba(var(--color-success-rgb), 0) 100%);
}
.shade-success.to-tl {
  background-image: linear-gradient(to top left, rgba(var(--color-success-rgb), 1) 0%, rgba(var(--color-success-rgb), 0) 100%);
}
.shade-success.to-tr {
  background-image: linear-gradient(to top right, rgba(var(--color-success-rgb), 1) 0%, rgba(var(--color-success-rgb), 0) 100%);
}
.shade-success.to-bl {
  background-image: linear-gradient(to bottom left, rgba(var(--color-success-rgb), 1) 0%, rgba(var(--color-success-rgb), 0) 100%);
}
.shade-success.to-br {
  background-image: linear-gradient(to bottom right, rgba(var(--color-success-rgb), 1) 0%, rgba(var(--color-success-rgb), 0) 100%);
}
.shade-success.radial {
  background-image: radial-gradient(circle, rgba(var(--color-success-rgb), 1) 0%, rgba(var(--color-success-rgb), 0) 70%);
}
.shade-warning.to-t {
  background-image: linear-gradient(to top, rgba(var(--color-warning-rgb), 1) 0%, rgba(var(--color-warning-rgb), 0) 100%);
}
.shade-warning.to-b {
  background-image: linear-gradient(to bottom, rgba(var(--color-warning-rgb), 1) 0%, rgba(var(--color-warning-rgb), 0) 100%);
}
.shade-warning.to-l {
  background-image: linear-gradient(to left, rgba(var(--color-warning-rgb), 1) 0%, rgba(var(--color-warning-rgb), 0) 100%);
}
.shade-warning.to-r {
  background-image: linear-gradient(to right, rgba(var(--color-warning-rgb), 1) 0%, rgba(var(--color-warning-rgb), 0) 100%);
}
.shade-warning.to-tl {
  background-image: linear-gradient(to top left, rgba(var(--color-warning-rgb), 1) 0%, rgba(var(--color-warning-rgb), 0) 100%);
}
.shade-warning.to-tr {
  background-image: linear-gradient(to top right, rgba(var(--color-warning-rgb), 1) 0%, rgba(var(--color-warning-rgb), 0) 100%);
}
.shade-warning.to-bl {
  background-image: linear-gradient(to bottom left, rgba(var(--color-warning-rgb), 1) 0%, rgba(var(--color-warning-rgb), 0) 100%);
}
.shade-warning.to-br {
  background-image: linear-gradient(to bottom right, rgba(var(--color-warning-rgb), 1) 0%, rgba(var(--color-warning-rgb), 0) 100%);
}
.shade-warning.radial {
  background-image: radial-gradient(circle, rgba(var(--color-warning-rgb), 1) 0%, rgba(var(--color-warning-rgb), 0) 70%);
}
.shade-danger.to-t {
  background-image: linear-gradient(to top, rgba(var(--color-danger-rgb), 1) 0%, rgba(var(--color-danger-rgb), 0) 100%);
}
.shade-danger.to-b {
  background-image: linear-gradient(to bottom, rgba(var(--color-danger-rgb), 1) 0%, rgba(var(--color-danger-rgb), 0) 100%);
}
.shade-danger.to-l {
  background-image: linear-gradient(to left, rgba(var(--color-danger-rgb), 1) 0%, rgba(var(--color-danger-rgb), 0) 100%);
}
.shade-danger.to-r {
  background-image: linear-gradient(to right, rgba(var(--color-danger-rgb), 1) 0%, rgba(var(--color-danger-rgb), 0) 100%);
}
.shade-danger.to-tl {
  background-image: linear-gradient(to top left, rgba(var(--color-danger-rgb), 1) 0%, rgba(var(--color-danger-rgb), 0) 100%);
}
.shade-danger.to-tr {
  background-image: linear-gradient(to top right, rgba(var(--color-danger-rgb), 1) 0%, rgba(var(--color-danger-rgb), 0) 100%);
}
.shade-danger.to-bl {
  background-image: linear-gradient(to bottom left, rgba(var(--color-danger-rgb), 1) 0%, rgba(var(--color-danger-rgb), 0) 100%);
}
.shade-danger.to-br {
  background-image: linear-gradient(to bottom right, rgba(var(--color-danger-rgb), 1) 0%, rgba(var(--color-danger-rgb), 0) 100%);
}
.shade-danger.radial {
  background-image: radial-gradient(circle, rgba(var(--color-danger-rgb), 1) 0%, rgba(var(--color-danger-rgb), 0) 70%);
}
.shade-light.to-t {
  background-image: linear-gradient(to top, rgba(var(--color-light-rgb), 1) 0%, rgba(var(--color-light-rgb), 0) 100%);
}
.shade-light.to-b {
  background-image: linear-gradient(to bottom, rgba(var(--color-light-rgb), 1) 0%, rgba(var(--color-light-rgb), 0) 100%);
}
.shade-light.to-l {
  background-image: linear-gradient(to left, rgba(var(--color-light-rgb), 1) 0%, rgba(var(--color-light-rgb), 0) 100%);
}
.shade-light.to-r {
  background-image: linear-gradient(to right, rgba(var(--color-light-rgb), 1) 0%, rgba(var(--color-light-rgb), 0) 100%);
}
.shade-light.to-tl {
  background-image: linear-gradient(to top left, rgba(var(--color-light-rgb), 1) 0%, rgba(var(--color-light-rgb), 0) 100%);
}
.shade-light.to-tr {
  background-image: linear-gradient(to top right, rgba(var(--color-light-rgb), 1) 0%, rgba(var(--color-light-rgb), 0) 100%);
}
.shade-light.to-bl {
  background-image: linear-gradient(to bottom left, rgba(var(--color-light-rgb), 1) 0%, rgba(var(--color-light-rgb), 0) 100%);
}
.shade-light.to-br {
  background-image: linear-gradient(to bottom right, rgba(var(--color-light-rgb), 1) 0%, rgba(var(--color-light-rgb), 0) 100%);
}
.shade-light.radial {
  background-image: radial-gradient(circle, rgba(var(--color-light-rgb), 1) 0%, rgba(var(--color-light-rgb), 0) 70%);
}
.shade-white.to-t {
  background-image: linear-gradient(to top, rgba(var(--color-white-rgb), 1) 0%, rgba(var(--color-white-rgb), 0) 100%);
}
.shade-white.to-b {
  background-image: linear-gradient(to bottom, rgba(var(--color-white-rgb), 1) 0%, rgba(var(--color-white-rgb), 0) 100%);
}
.shade-white.to-l {
  background-image: linear-gradient(to left, rgba(var(--color-white-rgb), 1) 0%, rgba(var(--color-white-rgb), 0) 100%);
}
.shade-white.to-r {
  background-image: linear-gradient(to right, rgba(var(--color-white-rgb), 1) 0%, rgba(var(--color-white-rgb), 0) 100%);
}
.shade-white.to-tl {
  background-image: linear-gradient(to top left, rgba(var(--color-white-rgb), 1) 0%, rgba(var(--color-white-rgb), 0) 100%);
}
.shade-white.to-tr {
  background-image: linear-gradient(to top right, rgba(var(--color-white-rgb), 1) 0%, rgba(var(--color-white-rgb), 0) 100%);
}
.shade-white.to-bl {
  background-image: linear-gradient(to bottom left, rgba(var(--color-white-rgb), 1) 0%, rgba(var(--color-white-rgb), 0) 100%);
}
.shade-white.to-br {
  background-image: linear-gradient(to bottom right, rgba(var(--color-white-rgb), 1) 0%, rgba(var(--color-white-rgb), 0) 100%);
}
.shade-white.radial {
  background-image: radial-gradient(circle, rgba(var(--color-white-rgb), 1) 0%, rgba(var(--color-white-rgb), 0) 70%);
}


/* Box Shadow Utilities */
.shadow-primary-50 {
  box-shadow: 0 4px 28px rgba(var(--color-primary-50-rgb), 1);
}
.shadow-primary-50\/10 {
  box-shadow: 0 4px 28px rgba(var(--color-primary-50-rgb), 0.10);
}
.shadow-primary-50\/20 {
  box-shadow: 0 4px 28px rgba(var(--color-primary-50-rgb), 0.20);
}
.shadow-primary-50\/30 {
  box-shadow: 0 4px 28px rgba(var(--color-primary-50-rgb), 0.30);
}
.shadow-primary-50\/40 {
  box-shadow: 0 4px 28px rgba(var(--color-primary-50-rgb), 0.40);
}
.shadow-primary-50\/50 {
  box-shadow: 0 4px 28px rgba(var(--color-primary-50-rgb), 0.50);
}
.shadow-primary-50\/60 {
  box-shadow: 0 4px 28px rgba(var(--color-primary-50-rgb), 0.60);
}
.shadow-primary-50\/70 {
  box-shadow: 0 4px 28px rgba(var(--color-primary-50-rgb), 0.70);
}
.shadow-primary-50\/80 {
  box-shadow: 0 4px 28px rgba(var(--color-primary-50-rgb), 0.80);
}
.shadow-primary-50\/90 {
  box-shadow: 0 4px 28px rgba(var(--color-primary-50-rgb), 0.90);
}
.shadow-primary-100 {
  box-shadow: 0 4px 28px rgba(var(--color-primary-100-rgb), 1);
}
.shadow-primary-100\/10 {
  box-shadow: 0 4px 28px rgba(var(--color-primary-100-rgb), 0.10);
}
.shadow-primary-100\/20 {
  box-shadow: 0 4px 28px rgba(var(--color-primary-100-rgb), 0.20);
}
.shadow-primary-100\/30 {
  box-shadow: 0 4px 28px rgba(var(--color-primary-100-rgb), 0.30);
}
.shadow-primary-100\/40 {
  box-shadow: 0 4px 28px rgba(var(--color-primary-100-rgb), 0.40);
}
.shadow-primary-100\/50 {
  box-shadow: 0 4px 28px rgba(var(--color-primary-100-rgb), 0.50);
}
.shadow-primary-100\/60 {
  box-shadow: 0 4px 28px rgba(var(--color-primary-100-rgb), 0.60);
}
.shadow-primary-100\/70 {
  box-shadow: 0 4px 28px rgba(var(--color-primary-100-rgb), 0.70);
}
.shadow-primary-100\/80 {
  box-shadow: 0 4px 28px rgba(var(--color-primary-100-rgb), 0.80);
}
.shadow-primary-100\/90 {
  box-shadow: 0 4px 28px rgba(var(--color-primary-100-rgb), 0.90);
}
.shadow-primary-200 {
  box-shadow: 0 4px 28px rgba(var(--color-primary-200-rgb), 1);
}
.shadow-primary-200\/10 {
  box-shadow: 0 4px 28px rgba(var(--color-primary-200-rgb), 0.10);
}
.shadow-primary-200\/20 {
  box-shadow: 0 4px 28px rgba(var(--color-primary-200-rgb), 0.20);
}
.shadow-primary-200\/30 {
  box-shadow: 0 4px 28px rgba(var(--color-primary-200-rgb), 0.30);
}
.shadow-primary-200\/40 {
  box-shadow: 0 4px 28px rgba(var(--color-primary-200-rgb), 0.40);
}
.shadow-primary-200\/50 {
  box-shadow: 0 4px 28px rgba(var(--color-primary-200-rgb), 0.50);
}
.shadow-primary-200\/60 {
  box-shadow: 0 4px 28px rgba(var(--color-primary-200-rgb), 0.60);
}
.shadow-primary-200\/70 {
  box-shadow: 0 4px 28px rgba(var(--color-primary-200-rgb), 0.70);
}
.shadow-primary-200\/80 {
  box-shadow: 0 4px 28px rgba(var(--color-primary-200-rgb), 0.80);
}
.shadow-primary-200\/90 {
  box-shadow: 0 4px 28px rgba(var(--color-primary-200-rgb), 0.90);
}
.shadow-primary-300 {
  box-shadow: 0 4px 28px rgba(var(--color-primary-300-rgb), 1);
}
.shadow-primary-300\/10 {
  box-shadow: 0 4px 28px rgba(var(--color-primary-300-rgb), 0.10);
}
.shadow-primary-300\/20 {
  box-shadow: 0 4px 28px rgba(var(--color-primary-300-rgb), 0.20);
}
.shadow-primary-300\/30 {
  box-shadow: 0 4px 28px rgba(var(--color-primary-300-rgb), 0.30);
}
.shadow-primary-300\/40 {
  box-shadow: 0 4px 28px rgba(var(--color-primary-300-rgb), 0.40);
}
.shadow-primary-300\/50 {
  box-shadow: 0 4px 28px rgba(var(--color-primary-300-rgb), 0.50);
}
.shadow-primary-300\/60 {
  box-shadow: 0 4px 28px rgba(var(--color-primary-300-rgb), 0.60);
}
.shadow-primary-300\/70 {
  box-shadow: 0 4px 28px rgba(var(--color-primary-300-rgb), 0.70);
}
.shadow-primary-300\/80 {
  box-shadow: 0 4px 28px rgba(var(--color-primary-300-rgb), 0.80);
}
.shadow-primary-300\/90 {
  box-shadow: 0 4px 28px rgba(var(--color-primary-300-rgb), 0.90);
}
.shadow-primary-400 {
  box-shadow: 0 4px 28px rgba(var(--color-primary-400-rgb), 1);
}
.shadow-primary-400\/10 {
  box-shadow: 0 4px 28px rgba(var(--color-primary-400-rgb), 0.10);
}
.shadow-primary-400\/20 {
  box-shadow: 0 4px 28px rgba(var(--color-primary-400-rgb), 0.20);
}
.shadow-primary-400\/30 {
  box-shadow: 0 4px 28px rgba(var(--color-primary-400-rgb), 0.30);
}
.shadow-primary-400\/40 {
  box-shadow: 0 4px 28px rgba(var(--color-primary-400-rgb), 0.40);
}
.shadow-primary-400\/50 {
  box-shadow: 0 4px 28px rgba(var(--color-primary-400-rgb), 0.50);
}
.shadow-primary-400\/60 {
  box-shadow: 0 4px 28px rgba(var(--color-primary-400-rgb), 0.60);
}
.shadow-primary-400\/70 {
  box-shadow: 0 4px 28px rgba(var(--color-primary-400-rgb), 0.70);
}
.shadow-primary-400\/80 {
  box-shadow: 0 4px 28px rgba(var(--color-primary-400-rgb), 0.80);
}
.shadow-primary-400\/90 {
  box-shadow: 0 4px 28px rgba(var(--color-primary-400-rgb), 0.90);
}
.shadow-primary-500 {
  box-shadow: 0 4px 28px rgba(var(--color-primary-500-rgb), 1);
}
.shadow-primary-500\/10 {
  box-shadow: 0 4px 28px rgba(var(--color-primary-500-rgb), 0.10);
}
.shadow-primary-500\/20 {
  box-shadow: 0 4px 28px rgba(var(--color-primary-500-rgb), 0.20);
}
.shadow-primary-500\/30 {
  box-shadow: 0 4px 28px rgba(var(--color-primary-500-rgb), 0.30);
}
.shadow-primary-500\/40 {
  box-shadow: 0 4px 28px rgba(var(--color-primary-500-rgb), 0.40);
}
.shadow-primary-500\/50 {
  box-shadow: 0 4px 28px rgba(var(--color-primary-500-rgb), 0.50);
}
.shadow-primary-500\/60 {
  box-shadow: 0 4px 28px rgba(var(--color-primary-500-rgb), 0.60);
}
.shadow-primary-500\/70 {
  box-shadow: 0 4px 28px rgba(var(--color-primary-500-rgb), 0.70);
}
.shadow-primary-500\/80 {
  box-shadow: 0 4px 28px rgba(var(--color-primary-500-rgb), 0.80);
}
.shadow-primary-500\/90 {
  box-shadow: 0 4px 28px rgba(var(--color-primary-500-rgb), 0.90);
}
.shadow-primary-600 {
  box-shadow: 0 4px 28px rgba(var(--color-primary-600-rgb), 1);
}
.shadow-primary-600\/10 {
  box-shadow: 0 4px 28px rgba(var(--color-primary-600-rgb), 0.10);
}
.shadow-primary-600\/20 {
  box-shadow: 0 4px 28px rgba(var(--color-primary-600-rgb), 0.20);
}
.shadow-primary-600\/30 {
  box-shadow: 0 4px 28px rgba(var(--color-primary-600-rgb), 0.30);
}
.shadow-primary-600\/40 {
  box-shadow: 0 4px 28px rgba(var(--color-primary-600-rgb), 0.40);
}
.shadow-primary-600\/50 {
  box-shadow: 0 4px 28px rgba(var(--color-primary-600-rgb), 0.50);
}
.shadow-primary-600\/60 {
  box-shadow: 0 4px 28px rgba(var(--color-primary-600-rgb), 0.60);
}
.shadow-primary-600\/70 {
  box-shadow: 0 4px 28px rgba(var(--color-primary-600-rgb), 0.70);
}
.shadow-primary-600\/80 {
  box-shadow: 0 4px 28px rgba(var(--color-primary-600-rgb), 0.80);
}
.shadow-primary-600\/90 {
  box-shadow: 0 4px 28px rgba(var(--color-primary-600-rgb), 0.90);
}
.shadow-primary-700 {
  box-shadow: 0 4px 28px rgba(var(--color-primary-700-rgb), 1);
}
.shadow-primary-700\/10 {
  box-shadow: 0 4px 28px rgba(var(--color-primary-700-rgb), 0.10);
}
.shadow-primary-700\/20 {
  box-shadow: 0 4px 28px rgba(var(--color-primary-700-rgb), 0.20);
}
.shadow-primary-700\/30 {
  box-shadow: 0 4px 28px rgba(var(--color-primary-700-rgb), 0.30);
}
.shadow-primary-700\/40 {
  box-shadow: 0 4px 28px rgba(var(--color-primary-700-rgb), 0.40);
}
.shadow-primary-700\/50 {
  box-shadow: 0 4px 28px rgba(var(--color-primary-700-rgb), 0.50);
}
.shadow-primary-700\/60 {
  box-shadow: 0 4px 28px rgba(var(--color-primary-700-rgb), 0.60);
}
.shadow-primary-700\/70 {
  box-shadow: 0 4px 28px rgba(var(--color-primary-700-rgb), 0.70);
}
.shadow-primary-700\/80 {
  box-shadow: 0 4px 28px rgba(var(--color-primary-700-rgb), 0.80);
}
.shadow-primary-700\/90 {
  box-shadow: 0 4px 28px rgba(var(--color-primary-700-rgb), 0.90);
}
.shadow-primary-800 {
  box-shadow: 0 4px 28px rgba(var(--color-primary-800-rgb), 1);
}
.shadow-primary-800\/10 {
  box-shadow: 0 4px 28px rgba(var(--color-primary-800-rgb), 0.10);
}
.shadow-primary-800\/20 {
  box-shadow: 0 4px 28px rgba(var(--color-primary-800-rgb), 0.20);
}
.shadow-primary-800\/30 {
  box-shadow: 0 4px 28px rgba(var(--color-primary-800-rgb), 0.30);
}
.shadow-primary-800\/40 {
  box-shadow: 0 4px 28px rgba(var(--color-primary-800-rgb), 0.40);
}
.shadow-primary-800\/50 {
  box-shadow: 0 4px 28px rgba(var(--color-primary-800-rgb), 0.50);
}
.shadow-primary-800\/60 {
  box-shadow: 0 4px 28px rgba(var(--color-primary-800-rgb), 0.60);
}
.shadow-primary-800\/70 {
  box-shadow: 0 4px 28px rgba(var(--color-primary-800-rgb), 0.70);
}
.shadow-primary-800\/80 {
  box-shadow: 0 4px 28px rgba(var(--color-primary-800-rgb), 0.80);
}
.shadow-primary-800\/90 {
  box-shadow: 0 4px 28px rgba(var(--color-primary-800-rgb), 0.90);
}
.shadow-primary-900 {
  box-shadow: 0 4px 28px rgba(var(--color-primary-900-rgb), 1);
}
.shadow-primary-900\/10 {
  box-shadow: 0 4px 28px rgba(var(--color-primary-900-rgb), 0.10);
}
.shadow-primary-900\/20 {
  box-shadow: 0 4px 28px rgba(var(--color-primary-900-rgb), 0.20);
}
.shadow-primary-900\/30 {
  box-shadow: 0 4px 28px rgba(var(--color-primary-900-rgb), 0.30);
}
.shadow-primary-900\/40 {
  box-shadow: 0 4px 28px rgba(var(--color-primary-900-rgb), 0.40);
}
.shadow-primary-900\/50 {
  box-shadow: 0 4px 28px rgba(var(--color-primary-900-rgb), 0.50);
}
.shadow-primary-900\/60 {
  box-shadow: 0 4px 28px rgba(var(--color-primary-900-rgb), 0.60);
}
.shadow-primary-900\/70 {
  box-shadow: 0 4px 28px rgba(var(--color-primary-900-rgb), 0.70);
}
.shadow-primary-900\/80 {
  box-shadow: 0 4px 28px rgba(var(--color-primary-900-rgb), 0.80);
}
.shadow-primary-900\/90 {
  box-shadow: 0 4px 28px rgba(var(--color-primary-900-rgb), 0.90);
}
.shadow-primary-950 {
  box-shadow: 0 4px 28px rgba(var(--color-primary-950-rgb), 1);
}
.shadow-primary-950\/10 {
  box-shadow: 0 4px 28px rgba(var(--color-primary-950-rgb), 0.10);
}
.shadow-primary-950\/20 {
  box-shadow: 0 4px 28px rgba(var(--color-primary-950-rgb), 0.20);
}
.shadow-primary-950\/30 {
  box-shadow: 0 4px 28px rgba(var(--color-primary-950-rgb), 0.30);
}
.shadow-primary-950\/40 {
  box-shadow: 0 4px 28px rgba(var(--color-primary-950-rgb), 0.40);
}
.shadow-primary-950\/50 {
  box-shadow: 0 4px 28px rgba(var(--color-primary-950-rgb), 0.50);
}
.shadow-primary-950\/60 {
  box-shadow: 0 4px 28px rgba(var(--color-primary-950-rgb), 0.60);
}
.shadow-primary-950\/70 {
  box-shadow: 0 4px 28px rgba(var(--color-primary-950-rgb), 0.70);
}
.shadow-primary-950\/80 {
  box-shadow: 0 4px 28px rgba(var(--color-primary-950-rgb), 0.80);
}
.shadow-primary-950\/90 {
  box-shadow: 0 4px 28px rgba(var(--color-primary-950-rgb), 0.90);
}
.shadow-text {
  box-shadow: 0 4px 28px rgba(var(--color-text-rgb), 1);
}
.shadow-text\/10 {
  box-shadow: 0 4px 28px rgba(var(--color-text-rgb), 0.10);
}
.shadow-text\/20 {
  box-shadow: 0 4px 28px rgba(var(--color-text-rgb), 0.20);
}
.shadow-text\/30 {
  box-shadow: 0 4px 28px rgba(var(--color-text-rgb), 0.30);
}
.shadow-text\/40 {
  box-shadow: 0 4px 28px rgba(var(--color-text-rgb), 0.40);
}
.shadow-text\/50 {
  box-shadow: 0 4px 28px rgba(var(--color-text-rgb), 0.50);
}
.shadow-text\/60 {
  box-shadow: 0 4px 28px rgba(var(--color-text-rgb), 0.60);
}
.shadow-text\/70 {
  box-shadow: 0 4px 28px rgba(var(--color-text-rgb), 0.70);
}
.shadow-text\/80 {
  box-shadow: 0 4px 28px rgba(var(--color-text-rgb), 0.80);
}
.shadow-text\/90 {
  box-shadow: 0 4px 28px rgba(var(--color-text-rgb), 0.90);
}
.shadow-success {
  box-shadow: 0 4px 28px rgba(var(--color-success-rgb), 1);
}
.shadow-success\/10 {
  box-shadow: 0 4px 28px rgba(var(--color-success-rgb), 0.10);
}
.shadow-success\/20 {
  box-shadow: 0 4px 28px rgba(var(--color-success-rgb), 0.20);
}
.shadow-success\/30 {
  box-shadow: 0 4px 28px rgba(var(--color-success-rgb), 0.30);
}
.shadow-success\/40 {
  box-shadow: 0 4px 28px rgba(var(--color-success-rgb), 0.40);
}
.shadow-success\/50 {
  box-shadow: 0 4px 28px rgba(var(--color-success-rgb), 0.50);
}
.shadow-success\/60 {
  box-shadow: 0 4px 28px rgba(var(--color-success-rgb), 0.60);
}
.shadow-success\/70 {
  box-shadow: 0 4px 28px rgba(var(--color-success-rgb), 0.70);
}
.shadow-success\/80 {
  box-shadow: 0 4px 28px rgba(var(--color-success-rgb), 0.80);
}
.shadow-success\/90 {
  box-shadow: 0 4px 28px rgba(var(--color-success-rgb), 0.90);
}
.shadow-warning {
  box-shadow: 0 4px 28px rgba(var(--color-warning-rgb), 1);
}
.shadow-warning\/10 {
  box-shadow: 0 4px 28px rgba(var(--color-warning-rgb), 0.10);
}
.shadow-warning\/20 {
  box-shadow: 0 4px 28px rgba(var(--color-warning-rgb), 0.20);
}
.shadow-warning\/30 {
  box-shadow: 0 4px 28px rgba(var(--color-warning-rgb), 0.30);
}
.shadow-warning\/40 {
  box-shadow: 0 4px 28px rgba(var(--color-warning-rgb), 0.40);
}
.shadow-warning\/50 {
  box-shadow: 0 4px 28px rgba(var(--color-warning-rgb), 0.50);
}
.shadow-warning\/60 {
  box-shadow: 0 4px 28px rgba(var(--color-warning-rgb), 0.60);
}
.shadow-warning\/70 {
  box-shadow: 0 4px 28px rgba(var(--color-warning-rgb), 0.70);
}
.shadow-warning\/80 {
  box-shadow: 0 4px 28px rgba(var(--color-warning-rgb), 0.80);
}
.shadow-warning\/90 {
  box-shadow: 0 4px 28px rgba(var(--color-warning-rgb), 0.90);
}
.shadow-danger {
  box-shadow: 0 4px 28px rgba(var(--color-danger-rgb), 1);
}
.shadow-danger\/10 {
  box-shadow: 0 4px 28px rgba(var(--color-danger-rgb), 0.10);
}
.shadow-danger\/20 {
  box-shadow: 0 4px 28px rgba(var(--color-danger-rgb), 0.20);
}
.shadow-danger\/30 {
  box-shadow: 0 4px 28px rgba(var(--color-danger-rgb), 0.30);
}
.shadow-danger\/40 {
  box-shadow: 0 4px 28px rgba(var(--color-danger-rgb), 0.40);
}
.shadow-danger\/50 {
  box-shadow: 0 4px 28px rgba(var(--color-danger-rgb), 0.50);
}
.shadow-danger\/60 {
  box-shadow: 0 4px 28px rgba(var(--color-danger-rgb), 0.60);
}
.shadow-danger\/70 {
  box-shadow: 0 4px 28px rgba(var(--color-danger-rgb), 0.70);
}
.shadow-danger\/80 {
  box-shadow: 0 4px 28px rgba(var(--color-danger-rgb), 0.80);
}
.shadow-danger\/90 {
  box-shadow: 0 4px 28px rgba(var(--color-danger-rgb), 0.90);
}
.shadow-light {
  box-shadow: 0 4px 28px rgba(var(--color-light-rgb), 1);
}
.shadow-light\/10 {
  box-shadow: 0 4px 28px rgba(var(--color-light-rgb), 0.10);
}
.shadow-light\/20 {
  box-shadow: 0 4px 28px rgba(var(--color-light-rgb), 0.20);
}
.shadow-light\/30 {
  box-shadow: 0 4px 28px rgba(var(--color-light-rgb), 0.30);
}
.shadow-light\/40 {
  box-shadow: 0 4px 28px rgba(var(--color-light-rgb), 0.40);
}
.shadow-light\/50 {
  box-shadow: 0 4px 28px rgba(var(--color-light-rgb), 0.50);
}
.shadow-light\/60 {
  box-shadow: 0 4px 28px rgba(var(--color-light-rgb), 0.60);
}
.shadow-light\/70 {
  box-shadow: 0 4px 28px rgba(var(--color-light-rgb), 0.70);
}
.shadow-light\/80 {
  box-shadow: 0 4px 28px rgba(var(--color-light-rgb), 0.80);
}
.shadow-light\/90 {
  box-shadow: 0 4px 28px rgba(var(--color-light-rgb), 0.90);
}
.shadow-white {
  box-shadow: 0 4px 28px rgba(var(--color-white-rgb), 1);
}
.shadow-white\/10 {
  box-shadow: 0 4px 28px rgba(var(--color-white-rgb), 0.10);
}
.shadow-white\/20 {
  box-shadow: 0 4px 28px rgba(var(--color-white-rgb), 0.20);
}
.shadow-white\/30 {
  box-shadow: 0 4px 28px rgba(var(--color-white-rgb), 0.30);
}
.shadow-white\/40 {
  box-shadow: 0 4px 28px rgba(var(--color-white-rgb), 0.40);
}
.shadow-white\/50 {
  box-shadow: 0 4px 28px rgba(var(--color-white-rgb), 0.50);
}
.shadow-white\/60 {
  box-shadow: 0 4px 28px rgba(var(--color-white-rgb), 0.60);
}
.shadow-white\/70 {
  box-shadow: 0 4px 28px rgba(var(--color-white-rgb), 0.70);
}
.shadow-white\/80 {
  box-shadow: 0 4px 28px rgba(var(--color-white-rgb), 0.80);
}
.shadow-white\/90 {
  box-shadow: 0 4px 28px rgba(var(--color-white-rgb), 0.90);
}

/* Text Shadow Utilities */
.text-shadow-primary-50 {
  text-shadow: 0 2px 4px rgba(var(--color-primary-50-rgb), 1);
}
.text-shadow-primary-50\/10 {
  text-shadow: 0 2px 4px rgba(var(--color-primary-50-rgb), 0.10);
}
.text-shadow-primary-50\/20 {
  text-shadow: 0 2px 4px rgba(var(--color-primary-50-rgb), 0.20);
}
.text-shadow-primary-50\/30 {
  text-shadow: 0 2px 4px rgba(var(--color-primary-50-rgb), 0.30);
}
.text-shadow-primary-50\/40 {
  text-shadow: 0 2px 4px rgba(var(--color-primary-50-rgb), 0.40);
}
.text-shadow-primary-50\/50 {
  text-shadow: 0 2px 4px rgba(var(--color-primary-50-rgb), 0.50);
}
.text-shadow-primary-50\/60 {
  text-shadow: 0 2px 4px rgba(var(--color-primary-50-rgb), 0.60);
}
.text-shadow-primary-50\/70 {
  text-shadow: 0 2px 4px rgba(var(--color-primary-50-rgb), 0.70);
}
.text-shadow-primary-50\/80 {
  text-shadow: 0 2px 4px rgba(var(--color-primary-50-rgb), 0.80);
}
.text-shadow-primary-50\/90 {
  text-shadow: 0 2px 4px rgba(var(--color-primary-50-rgb), 0.90);
}
.text-shadow-primary-100 {
  text-shadow: 0 2px 4px rgba(var(--color-primary-100-rgb), 1);
}
.text-shadow-primary-100\/10 {
  text-shadow: 0 2px 4px rgba(var(--color-primary-100-rgb), 0.10);
}
.text-shadow-primary-100\/20 {
  text-shadow: 0 2px 4px rgba(var(--color-primary-100-rgb), 0.20);
}
.text-shadow-primary-100\/30 {
  text-shadow: 0 2px 4px rgba(var(--color-primary-100-rgb), 0.30);
}
.text-shadow-primary-100\/40 {
  text-shadow: 0 2px 4px rgba(var(--color-primary-100-rgb), 0.40);
}
.text-shadow-primary-100\/50 {
  text-shadow: 0 2px 4px rgba(var(--color-primary-100-rgb), 0.50);
}
.text-shadow-primary-100\/60 {
  text-shadow: 0 2px 4px rgba(var(--color-primary-100-rgb), 0.60);
}
.text-shadow-primary-100\/70 {
  text-shadow: 0 2px 4px rgba(var(--color-primary-100-rgb), 0.70);
}
.text-shadow-primary-100\/80 {
  text-shadow: 0 2px 4px rgba(var(--color-primary-100-rgb), 0.80);
}
.text-shadow-primary-100\/90 {
  text-shadow: 0 2px 4px rgba(var(--color-primary-100-rgb), 0.90);
}
.text-shadow-primary-200 {
  text-shadow: 0 2px 4px rgba(var(--color-primary-200-rgb), 1);
}
.text-shadow-primary-200\/10 {
  text-shadow: 0 2px 4px rgba(var(--color-primary-200-rgb), 0.10);
}
.text-shadow-primary-200\/20 {
  text-shadow: 0 2px 4px rgba(var(--color-primary-200-rgb), 0.20);
}
.text-shadow-primary-200\/30 {
  text-shadow: 0 2px 4px rgba(var(--color-primary-200-rgb), 0.30);
}
.text-shadow-primary-200\/40 {
  text-shadow: 0 2px 4px rgba(var(--color-primary-200-rgb), 0.40);
}
.text-shadow-primary-200\/50 {
  text-shadow: 0 2px 4px rgba(var(--color-primary-200-rgb), 0.50);
}
.text-shadow-primary-200\/60 {
  text-shadow: 0 2px 4px rgba(var(--color-primary-200-rgb), 0.60);
}
.text-shadow-primary-200\/70 {
  text-shadow: 0 2px 4px rgba(var(--color-primary-200-rgb), 0.70);
}
.text-shadow-primary-200\/80 {
  text-shadow: 0 2px 4px rgba(var(--color-primary-200-rgb), 0.80);
}
.text-shadow-primary-200\/90 {
  text-shadow: 0 2px 4px rgba(var(--color-primary-200-rgb), 0.90);
}
.text-shadow-primary-300 {
  text-shadow: 0 2px 4px rgba(var(--color-primary-300-rgb), 1);
}
.text-shadow-primary-300\/10 {
  text-shadow: 0 2px 4px rgba(var(--color-primary-300-rgb), 0.10);
}
.text-shadow-primary-300\/20 {
  text-shadow: 0 2px 4px rgba(var(--color-primary-300-rgb), 0.20);
}
.text-shadow-primary-300\/30 {
  text-shadow: 0 2px 4px rgba(var(--color-primary-300-rgb), 0.30);
}
.text-shadow-primary-300\/40 {
  text-shadow: 0 2px 4px rgba(var(--color-primary-300-rgb), 0.40);
}
.text-shadow-primary-300\/50 {
  text-shadow: 0 2px 4px rgba(var(--color-primary-300-rgb), 0.50);
}
.text-shadow-primary-300\/60 {
  text-shadow: 0 2px 4px rgba(var(--color-primary-300-rgb), 0.60);
}
.text-shadow-primary-300\/70 {
  text-shadow: 0 2px 4px rgba(var(--color-primary-300-rgb), 0.70);
}
.text-shadow-primary-300\/80 {
  text-shadow: 0 2px 4px rgba(var(--color-primary-300-rgb), 0.80);
}
.text-shadow-primary-300\/90 {
  text-shadow: 0 2px 4px rgba(var(--color-primary-300-rgb), 0.90);
}
.text-shadow-primary-400 {
  text-shadow: 0 2px 4px rgba(var(--color-primary-400-rgb), 1);
}
.text-shadow-primary-400\/10 {
  text-shadow: 0 2px 4px rgba(var(--color-primary-400-rgb), 0.10);
}
.text-shadow-primary-400\/20 {
  text-shadow: 0 2px 4px rgba(var(--color-primary-400-rgb), 0.20);
}
.text-shadow-primary-400\/30 {
  text-shadow: 0 2px 4px rgba(var(--color-primary-400-rgb), 0.30);
}
.text-shadow-primary-400\/40 {
  text-shadow: 0 2px 4px rgba(var(--color-primary-400-rgb), 0.40);
}
.text-shadow-primary-400\/50 {
  text-shadow: 0 2px 4px rgba(var(--color-primary-400-rgb), 0.50);
}
.text-shadow-primary-400\/60 {
  text-shadow: 0 2px 4px rgba(var(--color-primary-400-rgb), 0.60);
}
.text-shadow-primary-400\/70 {
  text-shadow: 0 2px 4px rgba(var(--color-primary-400-rgb), 0.70);
}
.text-shadow-primary-400\/80 {
  text-shadow: 0 2px 4px rgba(var(--color-primary-400-rgb), 0.80);
}
.text-shadow-primary-400\/90 {
  text-shadow: 0 2px 4px rgba(var(--color-primary-400-rgb), 0.90);
}
.text-shadow-primary-500 {
  text-shadow: 0 2px 4px rgba(var(--color-primary-500-rgb), 1);
}
.text-shadow-primary-500\/10 {
  text-shadow: 0 2px 4px rgba(var(--color-primary-500-rgb), 0.10);
}
.text-shadow-primary-500\/20 {
  text-shadow: 0 2px 4px rgba(var(--color-primary-500-rgb), 0.20);
}
.text-shadow-primary-500\/30 {
  text-shadow: 0 2px 4px rgba(var(--color-primary-500-rgb), 0.30);
}
.text-shadow-primary-500\/40 {
  text-shadow: 0 2px 4px rgba(var(--color-primary-500-rgb), 0.40);
}
.text-shadow-primary-500\/50 {
  text-shadow: 0 2px 4px rgba(var(--color-primary-500-rgb), 0.50);
}
.text-shadow-primary-500\/60 {
  text-shadow: 0 2px 4px rgba(var(--color-primary-500-rgb), 0.60);
}
.text-shadow-primary-500\/70 {
  text-shadow: 0 2px 4px rgba(var(--color-primary-500-rgb), 0.70);
}
.text-shadow-primary-500\/80 {
  text-shadow: 0 2px 4px rgba(var(--color-primary-500-rgb), 0.80);
}
.text-shadow-primary-500\/90 {
  text-shadow: 0 2px 4px rgba(var(--color-primary-500-rgb), 0.90);
}
.text-shadow-primary-600 {
  text-shadow: 0 2px 4px rgba(var(--color-primary-600-rgb), 1);
}
.text-shadow-primary-600\/10 {
  text-shadow: 0 2px 4px rgba(var(--color-primary-600-rgb), 0.10);
}
.text-shadow-primary-600\/20 {
  text-shadow: 0 2px 4px rgba(var(--color-primary-600-rgb), 0.20);
}
.text-shadow-primary-600\/30 {
  text-shadow: 0 2px 4px rgba(var(--color-primary-600-rgb), 0.30);
}
.text-shadow-primary-600\/40 {
  text-shadow: 0 2px 4px rgba(var(--color-primary-600-rgb), 0.40);
}
.text-shadow-primary-600\/50 {
  text-shadow: 0 2px 4px rgba(var(--color-primary-600-rgb), 0.50);
}
.text-shadow-primary-600\/60 {
  text-shadow: 0 2px 4px rgba(var(--color-primary-600-rgb), 0.60);
}
.text-shadow-primary-600\/70 {
  text-shadow: 0 2px 4px rgba(var(--color-primary-600-rgb), 0.70);
}
.text-shadow-primary-600\/80 {
  text-shadow: 0 2px 4px rgba(var(--color-primary-600-rgb), 0.80);
}
.text-shadow-primary-600\/90 {
  text-shadow: 0 2px 4px rgba(var(--color-primary-600-rgb), 0.90);
}
.text-shadow-primary-700 {
  text-shadow: 0 2px 4px rgba(var(--color-primary-700-rgb), 1);
}
.text-shadow-primary-700\/10 {
  text-shadow: 0 2px 4px rgba(var(--color-primary-700-rgb), 0.10);
}
.text-shadow-primary-700\/20 {
  text-shadow: 0 2px 4px rgba(var(--color-primary-700-rgb), 0.20);
}
.text-shadow-primary-700\/30 {
  text-shadow: 0 2px 4px rgba(var(--color-primary-700-rgb), 0.30);
}
.text-shadow-primary-700\/40 {
  text-shadow: 0 2px 4px rgba(var(--color-primary-700-rgb), 0.40);
}
.text-shadow-primary-700\/50 {
  text-shadow: 0 2px 4px rgba(var(--color-primary-700-rgb), 0.50);
}
.text-shadow-primary-700\/60 {
  text-shadow: 0 2px 4px rgba(var(--color-primary-700-rgb), 0.60);
}
.text-shadow-primary-700\/70 {
  text-shadow: 0 2px 4px rgba(var(--color-primary-700-rgb), 0.70);
}
.text-shadow-primary-700\/80 {
  text-shadow: 0 2px 4px rgba(var(--color-primary-700-rgb), 0.80);
}
.text-shadow-primary-700\/90 {
  text-shadow: 0 2px 4px rgba(var(--color-primary-700-rgb), 0.90);
}
.text-shadow-primary-800 {
  text-shadow: 0 2px 4px rgba(var(--color-primary-800-rgb), 1);
}
.text-shadow-primary-800\/10 {
  text-shadow: 0 2px 4px rgba(var(--color-primary-800-rgb), 0.10);
}
.text-shadow-primary-800\/20 {
  text-shadow: 0 2px 4px rgba(var(--color-primary-800-rgb), 0.20);
}
.text-shadow-primary-800\/30 {
  text-shadow: 0 2px 4px rgba(var(--color-primary-800-rgb), 0.30);
}
.text-shadow-primary-800\/40 {
  text-shadow: 0 2px 4px rgba(var(--color-primary-800-rgb), 0.40);
}
.text-shadow-primary-800\/50 {
  text-shadow: 0 2px 4px rgba(var(--color-primary-800-rgb), 0.50);
}
.text-shadow-primary-800\/60 {
  text-shadow: 0 2px 4px rgba(var(--color-primary-800-rgb), 0.60);
}
.text-shadow-primary-800\/70 {
  text-shadow: 0 2px 4px rgba(var(--color-primary-800-rgb), 0.70);
}
.text-shadow-primary-800\/80 {
  text-shadow: 0 2px 4px rgba(var(--color-primary-800-rgb), 0.80);
}
.text-shadow-primary-800\/90 {
  text-shadow: 0 2px 4px rgba(var(--color-primary-800-rgb), 0.90);
}
.text-shadow-primary-900 {
  text-shadow: 0 2px 4px rgba(var(--color-primary-900-rgb), 1);
}
.text-shadow-primary-900\/10 {
  text-shadow: 0 2px 4px rgba(var(--color-primary-900-rgb), 0.10);
}
.text-shadow-primary-900\/20 {
  text-shadow: 0 2px 4px rgba(var(--color-primary-900-rgb), 0.20);
}
.text-shadow-primary-900\/30 {
  text-shadow: 0 2px 4px rgba(var(--color-primary-900-rgb), 0.30);
}
.text-shadow-primary-900\/40 {
  text-shadow: 0 2px 4px rgba(var(--color-primary-900-rgb), 0.40);
}
.text-shadow-primary-900\/50 {
  text-shadow: 0 2px 4px rgba(var(--color-primary-900-rgb), 0.50);
}
.text-shadow-primary-900\/60 {
  text-shadow: 0 2px 4px rgba(var(--color-primary-900-rgb), 0.60);
}
.text-shadow-primary-900\/70 {
  text-shadow: 0 2px 4px rgba(var(--color-primary-900-rgb), 0.70);
}
.text-shadow-primary-900\/80 {
  text-shadow: 0 2px 4px rgba(var(--color-primary-900-rgb), 0.80);
}
.text-shadow-primary-900\/90 {
  text-shadow: 0 2px 4px rgba(var(--color-primary-900-rgb), 0.90);
}
.text-shadow-primary-950 {
  text-shadow: 0 2px 4px rgba(var(--color-primary-950-rgb), 1);
}
.text-shadow-primary-950\/10 {
  text-shadow: 0 2px 4px rgba(var(--color-primary-950-rgb), 0.10);
}
.text-shadow-primary-950\/20 {
  text-shadow: 0 2px 4px rgba(var(--color-primary-950-rgb), 0.20);
}
.text-shadow-primary-950\/30 {
  text-shadow: 0 2px 4px rgba(var(--color-primary-950-rgb), 0.30);
}
.text-shadow-primary-950\/40 {
  text-shadow: 0 2px 4px rgba(var(--color-primary-950-rgb), 0.40);
}
.text-shadow-primary-950\/50 {
  text-shadow: 0 2px 4px rgba(var(--color-primary-950-rgb), 0.50);
}
.text-shadow-primary-950\/60 {
  text-shadow: 0 2px 4px rgba(var(--color-primary-950-rgb), 0.60);
}
.text-shadow-primary-950\/70 {
  text-shadow: 0 2px 4px rgba(var(--color-primary-950-rgb), 0.70);
}
.text-shadow-primary-950\/80 {
  text-shadow: 0 2px 4px rgba(var(--color-primary-950-rgb), 0.80);
}
.text-shadow-primary-950\/90 {
  text-shadow: 0 2px 4px rgba(var(--color-primary-950-rgb), 0.90);
}
.text-shadow-text {
  text-shadow: 0 2px 4px rgba(var(--color-text-rgb), 1);
}
.text-shadow-text\/10 {
  text-shadow: 0 2px 4px rgba(var(--color-text-rgb), 0.10);
}
.text-shadow-text\/20 {
  text-shadow: 0 2px 4px rgba(var(--color-text-rgb), 0.20);
}
.text-shadow-text\/30 {
  text-shadow: 0 2px 4px rgba(var(--color-text-rgb), 0.30);
}
.text-shadow-text\/40 {
  text-shadow: 0 2px 4px rgba(var(--color-text-rgb), 0.40);
}
.text-shadow-text\/50 {
  text-shadow: 0 2px 4px rgba(var(--color-text-rgb), 0.50);
}
.text-shadow-text\/60 {
  text-shadow: 0 2px 4px rgba(var(--color-text-rgb), 0.60);
}
.text-shadow-text\/70 {
  text-shadow: 0 2px 4px rgba(var(--color-text-rgb), 0.70);
}
.text-shadow-text\/80 {
  text-shadow: 0 2px 4px rgba(var(--color-text-rgb), 0.80);
}
.text-shadow-text\/90 {
  text-shadow: 0 2px 4px rgba(var(--color-text-rgb), 0.90);
}
.text-shadow-success {
  text-shadow: 0 2px 4px rgba(var(--color-success-rgb), 1);
}
.text-shadow-success\/10 {
  text-shadow: 0 2px 4px rgba(var(--color-success-rgb), 0.10);
}
.text-shadow-success\/20 {
  text-shadow: 0 2px 4px rgba(var(--color-success-rgb), 0.20);
}
.text-shadow-success\/30 {
  text-shadow: 0 2px 4px rgba(var(--color-success-rgb), 0.30);
}
.text-shadow-success\/40 {
  text-shadow: 0 2px 4px rgba(var(--color-success-rgb), 0.40);
}
.text-shadow-success\/50 {
  text-shadow: 0 2px 4px rgba(var(--color-success-rgb), 0.50);
}
.text-shadow-success\/60 {
  text-shadow: 0 2px 4px rgba(var(--color-success-rgb), 0.60);
}
.text-shadow-success\/70 {
  text-shadow: 0 2px 4px rgba(var(--color-success-rgb), 0.70);
}
.text-shadow-success\/80 {
  text-shadow: 0 2px 4px rgba(var(--color-success-rgb), 0.80);
}
.text-shadow-success\/90 {
  text-shadow: 0 2px 4px rgba(var(--color-success-rgb), 0.90);
}
.text-shadow-warning {
  text-shadow: 0 2px 4px rgba(var(--color-warning-rgb), 1);
}
.text-shadow-warning\/10 {
  text-shadow: 0 2px 4px rgba(var(--color-warning-rgb), 0.10);
}
.text-shadow-warning\/20 {
  text-shadow: 0 2px 4px rgba(var(--color-warning-rgb), 0.20);
}
.text-shadow-warning\/30 {
  text-shadow: 0 2px 4px rgba(var(--color-warning-rgb), 0.30);
}
.text-shadow-warning\/40 {
  text-shadow: 0 2px 4px rgba(var(--color-warning-rgb), 0.40);
}
.text-shadow-warning\/50 {
  text-shadow: 0 2px 4px rgba(var(--color-warning-rgb), 0.50);
}
.text-shadow-warning\/60 {
  text-shadow: 0 2px 4px rgba(var(--color-warning-rgb), 0.60);
}
.text-shadow-warning\/70 {
  text-shadow: 0 2px 4px rgba(var(--color-warning-rgb), 0.70);
}
.text-shadow-warning\/80 {
  text-shadow: 0 2px 4px rgba(var(--color-warning-rgb), 0.80);
}
.text-shadow-warning\/90 {
  text-shadow: 0 2px 4px rgba(var(--color-warning-rgb), 0.90);
}
.text-shadow-danger {
  text-shadow: 0 2px 4px rgba(var(--color-danger-rgb), 1);
}
.text-shadow-danger\/10 {
  text-shadow: 0 2px 4px rgba(var(--color-danger-rgb), 0.10);
}
.text-shadow-danger\/20 {
  text-shadow: 0 2px 4px rgba(var(--color-danger-rgb), 0.20);
}
.text-shadow-danger\/30 {
  text-shadow: 0 2px 4px rgba(var(--color-danger-rgb), 0.30);
}
.text-shadow-danger\/40 {
  text-shadow: 0 2px 4px rgba(var(--color-danger-rgb), 0.40);
}
.text-shadow-danger\/50 {
  text-shadow: 0 2px 4px rgba(var(--color-danger-rgb), 0.50);
}
.text-shadow-danger\/60 {
  text-shadow: 0 2px 4px rgba(var(--color-danger-rgb), 0.60);
}
.text-shadow-danger\/70 {
  text-shadow: 0 2px 4px rgba(var(--color-danger-rgb), 0.70);
}
.text-shadow-danger\/80 {
  text-shadow: 0 2px 4px rgba(var(--color-danger-rgb), 0.80);
}
.text-shadow-danger\/90 {
  text-shadow: 0 2px 4px rgba(var(--color-danger-rgb), 0.90);
}
.text-shadow-light {
  text-shadow: 0 2px 4px rgba(var(--color-light-rgb), 1);
}
.text-shadow-light\/10 {
  text-shadow: 0 2px 4px rgba(var(--color-light-rgb), 0.10);
}
.text-shadow-light\/20 {
  text-shadow: 0 2px 4px rgba(var(--color-light-rgb), 0.20);
}
.text-shadow-light\/30 {
  text-shadow: 0 2px 4px rgba(var(--color-light-rgb), 0.30);
}
.text-shadow-light\/40 {
  text-shadow: 0 2px 4px rgba(var(--color-light-rgb), 0.40);
}
.text-shadow-light\/50 {
  text-shadow: 0 2px 4px rgba(var(--color-light-rgb), 0.50);
}
.text-shadow-light\/60 {
  text-shadow: 0 2px 4px rgba(var(--color-light-rgb), 0.60);
}
.text-shadow-light\/70 {
  text-shadow: 0 2px 4px rgba(var(--color-light-rgb), 0.70);
}
.text-shadow-light\/80 {
  text-shadow: 0 2px 4px rgba(var(--color-light-rgb), 0.80);
}
.text-shadow-light\/90 {
  text-shadow: 0 2px 4px rgba(var(--color-light-rgb), 0.90);
}
.text-shadow-white {
  text-shadow: 0 2px 4px rgba(var(--color-white-rgb), 1);
}
.text-shadow-white\/10 {
  text-shadow: 0 2px 4px rgba(var(--color-white-rgb), 0.10);
}
.text-shadow-white\/20 {
  text-shadow: 0 2px 4px rgba(var(--color-white-rgb), 0.20);
}
.text-shadow-white\/30 {
  text-shadow: 0 2px 4px rgba(var(--color-white-rgb), 0.30);
}
.text-shadow-white\/40 {
  text-shadow: 0 2px 4px rgba(var(--color-white-rgb), 0.40);
}
.text-shadow-white\/50 {
  text-shadow: 0 2px 4px rgba(var(--color-white-rgb), 0.50);
}
.text-shadow-white\/60 {
  text-shadow: 0 2px 4px rgba(var(--color-white-rgb), 0.60);
}
.text-shadow-white\/70 {
  text-shadow: 0 2px 4px rgba(var(--color-white-rgb), 0.70);
}
.text-shadow-white\/80 {
  text-shadow: 0 2px 4px rgba(var(--color-white-rgb), 0.80);
}
.text-shadow-white\/90 {
  text-shadow: 0 2px 4px rgba(var(--color-white-rgb), 0.90);
}

/* Radius Utilities */


/* Algemene border-radius classes */
.radius-tiny   { border-radius: var(--radius-tiny); }
.radius-small  { border-radius: var(--radius-small); }
.radius-medium { border-radius: var(--radius-medium); }
.radius-large  { border-radius: var(--radius-large); }
.radius-xlarge { border-radius: var(--radius-xlarge); }
.radius-huge   { border-radius: var(--radius-huge); }
.radius-full   { border-radius: var(--radius-full); }

/* Alleen bovenkant afgerond */
.radius-top-tiny    { border-radius: var(--radius-tiny) var(--radius-tiny) 0 0; }
.radius-top-small   { border-radius: var(--radius-small) var(--radius-small) 0 0; }
.radius-top-medium  { border-radius: var(--radius-medium) var(--radius-medium) 0 0; }
.radius-top-large   { border-radius: var(--radius-large) var(--radius-large) 0 0; }
.radius-top-xlarge  { border-radius: var(--radius-xlarge) var(--radius-xlarge) 0 0; }
.radius-top-huge    { border-radius: var(--radius-huge) var(--radius-huge) 0 0; }

/* Alleen rechterkant afgerond */
.radius-right-tiny    { border-radius: 0 var(--radius-tiny) var(--radius-tiny) 0; }
.radius-right-small   { border-radius: 0 var(--radius-small) var(--radius-small) 0; }
.radius-right-medium  { border-radius: 0 var(--radius-medium) var(--radius-medium) 0; }
.radius-right-large   { border-radius: 0 var(--radius-large) var(--radius-large) 0; }
.radius-right-xlarge  { border-radius: 0 var(--radius-xlarge) var(--radius-xlarge) 0; }
.radius-right-huge    { border-radius: 0 var(--radius-huge) var(--radius-huge) 0; }

/* Alleen linkerkant afgerond */
.radius-left-tiny    { border-radius: var(--radius-tiny) 0 0 var(--radius-tiny); }
.radius-left-small   { border-radius: var(--radius-small) 0 0 var(--radius-small); }
.radius-left-medium  { border-radius: var(--radius-medium) 0 0 var(--radius-medium); }
.radius-left-large   { border-radius: var(--radius-large) 0 0 var(--radius-large); }
.radius-left-xlarge  { border-radius: var(--radius-xlarge) 0 0 var(--radius-xlarge); }
.radius-left-huge    { border-radius: var(--radius-huge) 0 0 var(--radius-huge); }

/* Alleen onderkant afgerond */
.radius-bottom-tiny    { border-radius: 0 0 var(--radius-tiny) var(--radius-tiny); }
.radius-bottom-small   { border-radius: 0 0 var(--radius-small) var(--radius-small); }
.radius-bottom-medium  { border-radius: 0 0 var(--radius-medium) var(--radius-medium); }
.radius-bottom-large   { border-radius: 0 0 var(--radius-large) var(--radius-large); }
.radius-bottom-xlarge  { border-radius: 0 0 var(--radius-xlarge) var(--radius-xlarge); }
.radius-bottom-huge    { border-radius: 0 0 var(--radius-huge) var(--radius-huge); }



/** None **/



/* Padding - All sides */
.padding-none      { padding: 0 !important; }
.padding-tiny      { padding: var(--space-tiny); }
.padding-xsmall    { padding: var(--space-xsmall); }
.padding-small     { padding: var(--space-small); }
.padding-medium    { padding: var(--space-medium); }
.padding-large     { padding: var(--space-large); }
.padding-xlarge    { padding: var(--space-xlarge); }
.padding-huge      { padding: var(--space-huge); }

/* Padding - Top */
.padding-top-none      { padding-top: 0 !important; }
.padding-top-tiny      { padding-top: var(--space-tiny); }
.padding-top-xsmall    { padding-top: var(--space-xsmall); }
.padding-top-small     { padding-top: var(--space-small); }
.padding-top-medium    { padding-top: var(--space-medium); }
.padding-top-large     { padding-top: var(--space-large); }
.padding-top-xlarge    { padding-top: var(--space-xlarge); }
.padding-top-huge      { padding-top: var(--space-huge); }

/* Padding - Bottom */
.padding-bottom-none   { padding-bottom: 0 !important;}
.padding-bottom-tiny   { padding-bottom: var(--space-tiny); }
.padding-bottom-xsmall { padding-bottom: var(--space-xsmall); }
.padding-bottom-small  { padding-bottom: var(--space-small); }
.padding-bottom-medium { padding-bottom: var(--space-medium); }
.padding-bottom-large  { padding-bottom: var(--space-large); }
.padding-bottom-xlarge { padding-bottom: var(--space-xlarge); }
.padding-bottom-huge   { padding-bottom: var(--space-huge); }

/* Padding - Left */
.padding-left-none     { padding-left: 0 !important; }
.padding-left-tiny     { padding-left: var(--space-tiny); }
.padding-left-xsmall   { padding-left: var(--space-xsmall); }
.padding-left-small    { padding-left: var(--space-small); }
.padding-left-medium   { padding-left: var(--space-medium); }
.padding-left-large    { padding-left: var(--space-large); }
.padding-left-xlarge   { padding-left: var(--space-xlarge); }
.padding-left-huge     { padding-left: var(--space-huge); }

/* Padding - Right */
.padding-right-none    { padding-right: 0 !important; }
.padding-right-tiny    { padding-right: var(--space-tiny); }
.padding-right-xsmall  { padding-right: var(--space-xsmall); }
.padding-right-small   { padding-right: var(--space-small); }
.padding-right-medium  { padding-right: var(--space-medium); }
.padding-right-large   { padding-right: var(--space-large); }
.padding-right-xlarge  { padding-right: var(--space-xlarge); }
.padding-right-huge    { padding-right: var(--space-huge); }

/* Margin - All sides */
.margin-none      { margin: 0 !important; }
.margin-tiny      { margin: var(--space-tiny); }
.margin-xsmall    { margin: var(--space-xsmall); }
.margin-small     { margin: var(--space-small); }
.margin-medium    { margin: var(--space-medium); }
.margin-large     { margin: var(--space-large); }
.margin-xlarge    { margin: var(--space-xlarge); }
.margin-huge      { margin: var(--space-huge); }

/* Margin - Top */
.margin-top-none      { margin-top: 0 !important; }
.margin-top-tiny      { margin-top: var(--space-tiny); }
.margin-top-xsmall    { margin-top: var(--space-xsmall); }
.margin-top-small     { margin-top: var(--space-small); }
.margin-top-medium    { margin-top: var(--space-medium); }
.margin-top-large     { margin-top: var(--space-large); }
.margin-top-xlarge    { margin-top: var(--space-xlarge); }
.margin-top-huge      { margin-top: var(--space-huge); }

/* Margin - Bottom */
.margin-bottom-none   { margin-bottom: 0 !important; }
.margin-bottom-tiny   { margin-bottom: var(--space-tiny); }
.margin-bottom-xsmall { margin-bottom: var(--space-xsmall); }
.margin-bottom-small  { margin-bottom: var(--space-small); }
.margin-bottom-medium { margin-bottom: var(--space-medium); }
.margin-bottom-large  { margin-bottom: var(--space-large); }
.margin-bottom-xlarge { margin-bottom: var(--space-xlarge); }
.margin-bottom-huge   { margin-bottom: var(--space-huge); }

/* Margin - Left */
.margin-left-none     { margin-left: 0 !important; }
.margin-left-tiny     { margin-left: var(--space-tiny); }
.margin-left-xsmall   { margin-left: var(--space-xsmall); }
.margin-left-small    { margin-left: var(--space-small); }
.margin-left-medium   { margin-left: var(--space-medium); }
.margin-left-large    { margin-left: var(--space-large); }
.margin-left-xlarge   { margin-left: var(--space-xlarge); }
.margin-left-huge     { margin-left: var(--space-huge); }

/* Margin - Right */
.margin-right-none    { margin-right: 0 !important; }
.margin-right-tiny    { margin-right: var(--space-tiny); }
.margin-right-xsmall  { margin-right: var(--space-xsmall); }
.margin-right-small   { margin-right: var(--space-small); }
.margin-right-medium  { margin-right: var(--space-medium); }
.margin-right-large   { margin-right: var(--space-large); }
.margin-right-xlarge  { margin-right: var(--space-xlarge); }
.margin-right-huge    { margin-right: var(--space-huge); }

/* Margin - Horizontal / Vertical shorthand */
.margin-y-small { margin-top: var(--space-small); margin-bottom: var(--space-small); }
.margin-x-small { margin-left: var(--space-small); margin-right: var(--space-small); }

/* Opacity */
.opacity-10 { opacity: 0.1 !important; }
.opacity-20 { opacity: 0.2 !important; }
.opacity-30 { opacity: 0.3 !important; }
.opacity-40 { opacity: 0.4 !important; }
.opacity-50 { opacity: 0.5 !important; }
.opacity-60 { opacity: 0.6 !important; }
.opacity-70 { opacity: 0.7 !important; }
.opacity-80 { opacity: 0.8 !important; }
.opacity-90 { opacity: 0.9 !important; }
.opacity-100 { opacity: 1 !important; }

/* Position */
.position-top-left {
  position: absolute;
  top: 0;
  left: 0;
}
.position-top-center {
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
}
.position-top-right {
  position: absolute;
  top: 0;
  left: 0;
}

.position-bottom-left {
  position: absolute;
  top: 0;
  left: 0;
}
.position-bottom-center {
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
}
.position-bottom-right {
  position: absolute;
  bottom: 0;
  right: 0;
}

.position-center-left {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 0;
}
.position-center-center {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateX(-50%) translateY(-50%);
}
.position-center-right {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 0;
}


/* Backdrop filter blur */
.with-blur:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
	backdrop-filter: blur(10px);
	-webkit-backdrop-filter: blur(10px);
  filter: brightness(1.3) contrast(1.4);
  border-radius: inherit;
  z-index: -1;
}