/* ============================================
   Dark Theme Button Link Color Overrides
   ============================================ */

/* Override btn-link color to red in dark theme */
[data-bs-theme="dark"] .btn-link {
  --phoenix-btn-color: #ff4444 !important;
  --phoenix-btn-hover-color: #ff6666 !important;
  --phoenix-btn-active-color: #ff2222 !important;
  --phoenix-link-color: #ff4444 !important;
  --phoenix-link-hover-color: #ff6666 !important;
}

/* Override all color variations with !important */
[data-bs-theme="dark"] .btn-link,
[data-bs-theme="dark"] .btn.btn-link,
[data-bs-theme="dark"] a.btn-link {
  color: #ff4444 !important;
}

[data-bs-theme="dark"] .btn-link:hover,
[data-bs-theme="dark"] .btn.btn-link:hover,
[data-bs-theme="dark"] a.btn-link:hover {
  color: #ff6666 !important;
}

[data-bs-theme="dark"] .btn-link:active,
[data-bs-theme="dark"] .btn-link.active,
[data-bs-theme="dark"] .btn.btn-link:active,
[data-bs-theme="dark"] a.btn-link:active {
  color: #ff2222 !important;
}

[data-bs-theme="dark"] .btn-link:focus-visible,
[data-bs-theme="dark"] .btn.btn-link:focus-visible,
[data-bs-theme="dark"] a.btn-link:focus-visible {
  color: #ff4444 !important;
  outline-color: rgba(255, 68, 68, 0.5);
}

/* Disabled state */
[data-bs-theme="dark"] .btn-link:disabled,
[data-bs-theme="dark"] .btn-link.disabled {
  color: #994444 !important;
  opacity: 0.5;
}