/* =====================================================
   Safe IRA Rollover — Global Palette Fix
   Converts old blue brand styling to new cream/amber/slate palette
   Last updated: 2026-07-10
   ===================================================== */

/* Old brand blues -> SafeIRA warm neutrals */
.bg-brand-50,
.bg-blue-50 {
  background-color: #faf9f6 !important;
}

.bg-brand-100,
.bg-blue-100 {
  background-color: #f3efe4 !important;
}

.bg-brand-200,
.bg-blue-200 {
  background-color: #e7dcc2 !important;
}

.bg-brand-300,
.bg-blue-300 {
  background-color: #d6c79f !important;
}

.bg-brand-500,
.bg-blue-500 {
  background-color: #9d8249 !important;
}

.bg-brand-600,
.bg-blue-600 {
  background-color: #7d6838 !important;
}

.bg-brand-700,
.bg-blue-700 {
  background-color: #614f27 !important;
}

.bg-brand-800,
.bg-blue-800 {
  background-color: #4a3a1d !important;
}

.bg-brand-900,
.bg-blue-900 {
  background-color: #362a11 !important;
}

/* Opacity utility fixes */
.bg-brand-500\/5,
.bg-blue-500\/5 {
  background-color: rgba(157, 130, 73, 0.05) !important;
}

.bg-brand-500\/10,
.bg-brand-600\/10,
.bg-blue-500\/10,
.bg-blue-600\/10 {
  background-color: rgba(157, 130, 73, 0.10) !important;
}

/* Text colors */
.text-brand-50,
.text-blue-50 {
  color: #faf9f6 !important;
}

.text-brand-100,
.text-blue-100 {
  color: #fef3c7 !important;
}

.text-brand-500,
.text-blue-500 {
  color: #9d8249 !important;
}

.text-brand-600,
.text-blue-600 {
  color: #7d6838 !important;
}

.text-brand-700,
.text-blue-700 {
  color: #614f27 !important;
}

.text-brand-800,
.text-blue-800 {
  color: #4a3a1d !important;
}

.text-brand-900,
.text-blue-900 {
  color: #362a11 !important;
}

/* Borders */
.border-brand-50,
.border-blue-50 {
  border-color: #faf9f6 !important;
}

.border-brand-100,
.border-blue-100 {
  border-color: #f3efe4 !important;
}

.border-brand-200,
.border-blue-200 {
  border-color: #e7dcc2 !important;
}

.border-brand-300,
.border-blue-300 {
  border-color: #d6c79f !important;
}

.border-brand-500,
.border-blue-500 {
  border-color: #9d8249 !important;
}

.border-brand-600,
.border-blue-600 {
  border-color: #7d6838 !important;
}

/* Hover states */
.hover\:text-brand-600:hover,
.hover\:text-blue-600:hover {
  color: #7d6838 !important;
}

.hover\:text-brand-700:hover,
.hover\:text-blue-700:hover {
  color: #614f27 !important;
}

.hover\:border-brand-300:hover,
.hover\:border-blue-300:hover {
  border-color: #d6c79f !important;
}

.hover\:bg-brand-50:hover,
.hover\:bg-blue-50:hover {
  background-color: #faf9f6 !important;
}

.hover\:bg-brand-100:hover,
.hover\:bg-blue-100:hover {
  background-color: #f3efe4 !important;
}

.hover\:bg-brand-600:hover,
.hover\:bg-blue-600:hover {
  background-color: #614f27 !important;
}

/* Gradient utilities */
.from-brand-50,
.from-blue-50 {
  --tw-gradient-from: #faf9f6 var(--tw-gradient-from-position) !important;
  --tw-gradient-to: rgb(250 249 246 / 0) var(--tw-gradient-to-position) !important;
}

.from-brand-100,
.from-blue-100 {
  --tw-gradient-from: #f3efe4 var(--tw-gradient-from-position) !important;
  --tw-gradient-to: rgb(243 239 228 / 0) var(--tw-gradient-to-position) !important;
}

.to-brand-50,
.to-blue-50 {
  --tw-gradient-to: #faf9f6 var(--tw-gradient-to-position) !important;
}

.to-brand-100,
.to-blue-100 {
  --tw-gradient-to: #f3efe4 var(--tw-gradient-to-position) !important;
}

/* Buttons that were blue should become warm but readable */
a.bg-brand-600,
a.bg-blue-600,
button.bg-brand-600,
button.bg-blue-600 {
  background-color: #fff7ed !important;
  border: 1px solid #fdba74 !important;
  color: #111827 !important;
}

a.bg-brand-600:hover,
a.bg-blue-600:hover,
button.bg-brand-600:hover,
button.bg-blue-600:hover {
  background-color: #ffedd5 !important;
  color: #111827 !important;
}