| @@ -97,15 +97,15 @@ | ||
| 97 | 97 | text-decoration: none; |
| 98 | 98 | transition: all 0.2s ease; |
| 99 | 99 | } |
| 100 | 100 | .yatra-error-btn-primary { |
| 101 | - background: linear-gradient(135deg, #3b82f6 0%, #2563eb 100%); | |
| 101 | + background: linear-gradient(135deg, var(--yatra-primary, #3b82f6) 0%, var(--yatra-primary-dark, #2563eb) 100%); | |
| 102 | 102 | color: #ffffff; |
| 103 | - box-shadow: 0 4px 14px 0 rgba(59, 130, 246, 0.4); | |
| 103 | + box-shadow: 0 4px 14px 0 color-mix(in srgb, var(--yatra-primary, #3b82f6) 40%, transparent); | |
| 104 | 104 | } |
| 105 | 105 | .yatra-error-btn-primary:hover { |
| 106 | 106 | transform: translateY(-2px); |
| 107 | - box-shadow: 0 6px 20px 0 rgba(59, 130, 246, 0.5); | |
| 107 | + box-shadow: 0 6px 20px 0 color-mix(in srgb, var(--yatra-primary, #3b82f6) 50%, transparent); | |
| 108 | 108 | color: #ffffff; |
| 109 | 109 | } |
| 110 | 110 | .yatra-error-btn-secondary { |
| 111 | 111 | background: #f1f5f9; |
