/*
 * Custom styles that aren't covered by Tailwind CSS.
 * Base link/focus/selection defaults are in app/assets/tailwind/application.css @layer base.
 */

/* Override any default browser link color for dark theme */
a:not([class*="text-"]) {
  color: var(--color-brand-soft, #52A5E0);
}
a:not([class*="text-"]):hover {
  color: var(--color-brand-secondary, #3B8DCE);
}

/* Focus ring defaults – brand palette */
*:focus-visible {
  outline: 2px solid rgba(59, 141, 206, 0.6);
  outline-offset: 2px;
}

/* Legacy alias – prefer lw-btn-primary and text-brand-soft in templates */
.link-primary {
  color: var(--color-brand-soft, #52A5E0);
  text-decoration: underline;
}
.link-primary:hover {
  color: var(--color-brand-secondary, #3B8DCE);
}

/* Dark theme: override old light-theme inline text colors so body copy is white */
[style*="color: #2D3740"],
[style*="color:#2D3740"] {
  color: #ffffff !important;
}
[style*="color: #E8ECF1"],
[style*="color:#E8ECF1"] {
  color: rgba(255, 255, 255, 0.8) !important;
}