/* Colour contrast (Chris, 4 Nov 2026: "colours have to work"). Every pair below reaches WCAG AA (4.5 to 1 for text).
   Loaded last on the staff pages and the member app. tests/Feature/A11ySeo/ContrastGuardTest.php keeps the rules in place. */

/* White text on a mid colour badge or button: use the darker shade of the same colour. */
.bg-red-500.text-white,.bg-red-500 .text-white{background-color:#dc2626}
.bg-amber-500.text-white,.bg-amber-600.text-white{background-color:#b45309}
.bg-orange-500.text-white,.bg-orange-600.text-white{background-color:#c2410c}
.bg-emerald-500.text-white,.bg-emerald-600.text-white,.bg-green-500.text-white,.bg-green-600.text-white{background-color:#047857}
.bg-blue-500.text-white{background-color:#2563eb}
.bg-sky-500.text-white,.bg-sky-600.text-white{background-color:#0369a1}

/* Dim text on the dark staff sidebar: lift it to a readable lilac. */
#vsidebar .text-vibe-500,#vsidebar .text-vibe-600{color:#c9c0e0}

/* A theme (Bonfire Night, Halloween, Christmas and so on) paints cards with the theme accent. The text inside takes the theme's own
   readable ink, whatever light colour the card was written with, so light text never lands on a light or orange accent. */
.th-takeover :is(.bg-vibe-500,.bg-vibe-600,.bg-vibe-700) :is(.text-white,.text-vibe-50,.text-vibe-100,.text-vibe-200,.text-vibe-300,.text-vibe-400),
.th-takeover :is(.bg-vibe-500,.bg-vibe-600,.bg-vibe-700) [class*="text-white/"]{color:var(--th-accent-ink) !important}
.th-takeover :is(.bg-vibe-500,.bg-vibe-600,.bg-vibe-700) [class*="border-white/"]{border-color:var(--th-accent-ink) !important}

/* Faded amber labels on amber and light grey: the full strength brown. */
[class*="text-amber-800/"],[class*="text-amber-900/"]{color:#78350f}

/* Dark mode, member app: the collapsible home sections (Your membership and the rest) were a white card with light text. */
html.gs-dark .gs-fold{background-color:var(--d-surface);border-color:var(--d-border);color:var(--d-text)}
html.gs-dark .gs-fold[open]>summary{border-bottom-color:var(--d-border)}
html.gs-dark .bg-emerald-400.text-emerald-950{color:#022c22 !important}
html.gs-dark .th-banner-x{color:var(--d-text,#efeef2)}