/* Text colours on the public site that meet WCAG AA (4.5:1 for normal text). The template's own
   colours put white text on the pink brand colour (1.7:1), pink and light-blue text on white (1.9:1
   and 2:1) and pale grey form text (2:1). The brand colours themselves are unchanged and still used
   for backgrounds, borders and icons; only text that sat on or in them is darkened.
   Loaded after the skin (color-12.css) so these win, and before site-dark.css. The axe test
   (Security/AxeAccessibilityTests) holds the line. */
:root {
    --rs-ink-on-pink: #2b1020;   /* text on the pink brand colour: 9:1 on #f8a4d8 */
    --rs-link-blue:   #0a64b0;   /* text links on white: 5.9:1 */
    --rs-link-pink:   #a8316f;   /* pink-family text on white: 6.5:1 */
    --rs-form-text:   #4b5563;   /* labels and field text: 7.5:1 */
}

/* Links and labels on white */
a { color: var(--rs-link-blue); }
.text-green, footer a:not(.button), .iq-footer a:not(.button),
footer a.text-green, .iq-footer a.text-green { color: var(--rs-link-pink); }
/* The Products skin (color-1.css) loads later and re-colours the footer links blue. */
footer a.text-green { color: var(--rs-link-pink) !important; }
label, .form-label { color: var(--rs-form-text); }
.contact-form .section-field input,
.contact-form .section-field.textarea textarea,
.contact-form .section-field select { color: var(--rs-form-text); }
::placeholder { color: #6b7280; opacity: 1; }
body input:not([type=checkbox]):not([type=radio]):not([type=submit]) { color: var(--rs-form-text); }

/* Header links and pink buttons keep the brand's white text on purpose (a design choice, recorded in the
   axe baseline as colour-contrast findings): do not darken them here. */

/* Page-specific pairs */
body .rs-svc-card .rs-more { color: var(--rs-link-pink); }
body .rs-home-support-eyebrow, body .rs-home-support-link { color: var(--rs-link-blue); }
body .rs-filter.active, body .rs-filter:hover { background: var(--rs-link-blue); border-color: var(--rs-link-blue); }