/* Revisely public pages – accessibility fixes from the Nov 2026 design audit.
 * Loaded after tailwind-public.css. */

/* Text colours that read at 4.5:1 or better on white */
:is(p, a, button, li, span, label):not(.uppercase).text-\[\#00bae2\] { color: #0e7490; }
:is(a, button).text-\[\#00bae2\]:hover { color: #00236f; }
.legal-copy a { color: #0e7490 !important; }
.text-gray-400 { color: #64748b; }
::placeholder { color: #6b7280; opacity: 1; }

/* Logo lockup never drops below 10px */
.text-\[8px\], .text-\[9px\] { font-size: 10px !important; }

/* Small text links and switches get a usable tap area */
footer a, a[href^="mailto:"], button[onclick^="switchModal"] { display: inline-block; padding-block: 6px; }
button[onclick^="switchModal"] { padding-inline: 4px; }

/* Visible keyboard focus everywhere, including controls that set outline: none */
:where(a, button, input, select, textarea, [tabindex]):focus-visible {
  outline: 2px solid #00236f !important;
  outline-offset: 2px;
  border-radius: 6px;
}

/* Skip link */
.rv-skip { position: absolute; left: 12px; top: -60px; z-index: 1000; background: #00236f; color: #fff; padding: 10px 16px; border-radius: 10px; font-weight: 600; text-decoration: none; }
.rv-skip:focus { top: 12px; }

html { -webkit-tap-highlight-color: rgba(0, 35, 111, .12); }
button, a, input, select, label { touch-action: manipulation; }
.text-on-background\/40, .text-on-background\/50, .text-on-background\/60 { color: rgba(13, 28, 47, .74); }
:not(footer *).text-secondary:not(.uppercase) { color: #0e7490; }
.text-gray-400, .text-slate-400 { color: #64748b !important; }
/* Brand cyan stays for fills; cyan text uses the darker teal so it can be read */
.text-\[\#00bae2\]:not(header a *):not(footer a *) { color: #0e7490 !important; }
.text-secondary-dark { color: #047857 !important; }
.lp-btn--primary { color: #00236f !important; }
:is(a, button).bg-\[\#00bae2\].text-white, :is(a, button).bg-secondary.text-white,
:is(a, button).bg-\[\#00bae2\] .text-white, :is(a, button).bg-secondary .text-white { color: #00236f !important; }
.text-orange-600 { color: #c2410c !important; }
.text-\[\#00da9b\] { color: #047857 !important; }