/* Solid actions share a foreground in every state, including text nested in links.
   Use the site's readability layer so the older prose-link rules cannot recolor them. */
@layer redicoReadability {
  :is(#rdx-layout, main, header, footer, .rx-modal)
  :is(.rdx-primary, .rso-service-action, .rdd-button) {
    background-color: var(--rdx-ui-red) !important;
    color: var(--rdx-ui-on-red) !important;
    -webkit-text-fill-color: currentColor !important;
  }

  :is(#rdx-layout, main, header, footer, .rx-modal)
  :is(.rdx-primary, .rso-service-action, .rdd-button)
  :is(span, strong, b, small, em) {
    color: inherit !important;
    -webkit-text-fill-color: currentColor !important;
  }

  :is(#rdx-layout, main, header, footer, .rx-modal)
  :is(.rdx-primary, .rso-service-action, .rdd-button):is(:hover, :active) {
    background-color: var(--rdx-ui-red-hover) !important;
  }

  :is(#rdx-layout, main, header, footer, .rx-modal)
  :is(.rdx-primary, .rso-service-action, .rdd-button):focus-visible {
    outline: 2px solid #fff !important;
    outline-offset: 2px !important;
    box-shadow: 0 0 0 5px #261c21 !important;
  }
}