/* ==========================================================================
   VVU brand colours for icons, badges, chips and buttons
   --------------------------------------------------------------------------
   Pages (and admin-chosen item colours stored in the database) give icon
   tiles, step numbers, chips and buttons a different Tailwind colour each —
   blue, green, purple, orange, pink… This sheet maps all of them onto the
   university palette so every page reads as one consistent, deliberate
   design:

     icon tiles / number badges   VVU blue (#1e3a8a), white symbol
     light chips & tinted panels  soft blue tint with blue text
     coloured buttons             VVU blue (gold CTAs keep their gold)
     standalone coloured icons    VVU blue

   Deliberately left alone: gold/yellow (a university colour), red (used for
   warnings), WhatsApp links, and brand logos set with inline styles.
   Generated selectors; edit the generator rather than the lists by hand.
   ========================================================================== */

:root {
    --vvu-icon-navy: #1e3a8a;
    --vvu-icon-navy-hover: #172f6e;
    --vvu-icon-tint: rgba(30, 58, 138, .06);
    --vvu-icon-tint-border: rgba(30, 58, 138, .10);
}

/* ---- Icon tiles: navy square/circle, white symbol ---------------------- */
:not(a, button):is(
[class*=" bg-blue-"],
[class^="bg-blue-"],
[class*=" from-blue-"],
[class^="from-blue-"],
[class*=" bg-green-"],
[class^="bg-green-"],
[class*=" from-green-"],
[class^="from-green-"],
[class*=" bg-purple-"],
[class^="bg-purple-"],
[class*=" from-purple-"],
[class^="from-purple-"],
[class*=" bg-yellow-"],
[class^="bg-yellow-"],
[class*=" from-yellow-"],
[class^="from-yellow-"],
[class*=" bg-orange-"],
[class^="bg-orange-"],
[class*=" from-orange-"],
[class^="from-orange-"],
[class*=" bg-red-"],
[class^="bg-red-"],
[class*=" from-red-"],
[class^="from-red-"],
[class*=" bg-pink-"],
[class^="bg-pink-"],
[class*=" from-pink-"],
[class^="from-pink-"],
[class*=" bg-indigo-"],
[class^="bg-indigo-"],
[class*=" from-indigo-"],
[class^="from-indigo-"],
[class*=" bg-teal-"],
[class^="bg-teal-"],
[class*=" from-teal-"],
[class^="from-teal-"],
[class*=" bg-emerald-"],
[class^="bg-emerald-"],
[class*=" from-emerald-"],
[class^="from-emerald-"],
[class*=" bg-cyan-"],
[class^="bg-cyan-"],
[class*=" from-cyan-"],
[class^="from-cyan-"],
[class*=" bg-amber-"],
[class^="bg-amber-"],
[class*=" from-amber-"],
[class^="from-amber-"],
[class*=" bg-rose-"],
[class^="bg-rose-"],
[class*=" from-rose-"],
[class^="from-rose-"],
[class*=" bg-violet-"],
[class^="bg-violet-"],
[class*=" from-violet-"],
[class^="from-violet-"],
[class*=" bg-sky-"],
[class^="bg-sky-"],
[class*=" from-sky-"],
[class^="from-sky-"],
[class*=" bg-lime-"],
[class^="bg-lime-"],
[class*=" from-lime-"],
[class^="from-lime-"],
[class*=" bg-fuchsia-"],
[class^="bg-fuchsia-"],
[class*=" from-fuchsia-"],
[class^="from-fuchsia-"]
):is(:is([class*=" w-1"], [class^="w-1"], [class*=" w-2"], [class^="w-2"], [class*=" w-3"], [class^="w-3"], [class*=" w-4"], [class^="w-4"], [class*=" w-5"], [class^="w-5"], [class*=" w-6"], [class^="w-6"], [class*=" w-7"], [class^="w-7"], [class*=" w-8"], [class^="w-8"], [class*=" w-9"], [class^="w-9"]):is([class*=" h-1"], [class^="h-1"], [class*=" h-2"], [class^="h-2"], [class*=" h-3"], [class^="h-3"], [class*=" h-4"], [class^="h-4"], [class*=" h-5"], [class^="h-5"], [class*=" h-6"], [class^="h-6"], [class*=" h-7"], [class^="h-7"], [class*=" h-8"], [class^="h-8"], [class*=" h-9"], [class^="h-9"]), [class*=" size-"], [class^="size-"], .icon-box, .icon-container, .quick-link-icon, .resource-icon, .branch-icon):has(> :is(.material-symbols-outlined, .material-symbols-rounded, .material-icons, .material-icons-outlined, i[class*="fa-"], svg)) {
    background-color: var(--vvu-icon-navy) !important;
    background-image: none !important;
    color: #fff !important;
    --tw-shadow-color: rgba(30, 58, 138, .28) !important;
    --tw-ring-color: rgba(30, 58, 138, .12);
}
:not(a, button):is(
[class*=" bg-blue-"],
[class^="bg-blue-"],
[class*=" from-blue-"],
[class^="from-blue-"],
[class*=" bg-green-"],
[class^="bg-green-"],
[class*=" from-green-"],
[class^="from-green-"],
[class*=" bg-purple-"],
[class^="bg-purple-"],
[class*=" from-purple-"],
[class^="from-purple-"],
[class*=" bg-yellow-"],
[class^="bg-yellow-"],
[class*=" from-yellow-"],
[class^="from-yellow-"],
[class*=" bg-orange-"],
[class^="bg-orange-"],
[class*=" from-orange-"],
[class^="from-orange-"],
[class*=" bg-red-"],
[class^="bg-red-"],
[class*=" from-red-"],
[class^="from-red-"],
[class*=" bg-pink-"],
[class^="bg-pink-"],
[class*=" from-pink-"],
[class^="from-pink-"],
[class*=" bg-indigo-"],
[class^="bg-indigo-"],
[class*=" from-indigo-"],
[class^="from-indigo-"],
[class*=" bg-teal-"],
[class^="bg-teal-"],
[class*=" from-teal-"],
[class^="from-teal-"],
[class*=" bg-emerald-"],
[class^="bg-emerald-"],
[class*=" from-emerald-"],
[class^="from-emerald-"],
[class*=" bg-cyan-"],
[class^="bg-cyan-"],
[class*=" from-cyan-"],
[class^="from-cyan-"],
[class*=" bg-amber-"],
[class^="bg-amber-"],
[class*=" from-amber-"],
[class^="from-amber-"],
[class*=" bg-rose-"],
[class^="bg-rose-"],
[class*=" from-rose-"],
[class^="from-rose-"],
[class*=" bg-violet-"],
[class^="bg-violet-"],
[class*=" from-violet-"],
[class^="from-violet-"],
[class*=" bg-sky-"],
[class^="bg-sky-"],
[class*=" from-sky-"],
[class^="from-sky-"],
[class*=" bg-lime-"],
[class^="bg-lime-"],
[class*=" from-lime-"],
[class^="from-lime-"],
[class*=" bg-fuchsia-"],
[class^="bg-fuchsia-"],
[class*=" from-fuchsia-"],
[class^="from-fuchsia-"]
):is(:is([class*=" w-1"], [class^="w-1"], [class*=" w-2"], [class^="w-2"], [class*=" w-3"], [class^="w-3"], [class*=" w-4"], [class^="w-4"], [class*=" w-5"], [class^="w-5"], [class*=" w-6"], [class^="w-6"], [class*=" w-7"], [class^="w-7"], [class*=" w-8"], [class^="w-8"], [class*=" w-9"], [class^="w-9"]):is([class*=" h-1"], [class^="h-1"], [class*=" h-2"], [class^="h-2"], [class*=" h-3"], [class^="h-3"], [class*=" h-4"], [class^="h-4"], [class*=" h-5"], [class^="h-5"], [class*=" h-6"], [class^="h-6"], [class*=" h-7"], [class^="h-7"], [class*=" h-8"], [class^="h-8"], [class*=" h-9"], [class^="h-9"]), [class*=" size-"], [class^="size-"], .icon-box, .icon-container, .quick-link-icon, .resource-icon, .branch-icon):has(> :is(.material-symbols-outlined, .material-symbols-rounded, .material-icons, .material-icons-outlined, i[class*="fa-"], svg)) > :is(.material-symbols-outlined, .material-symbols-rounded, .material-icons, .material-icons-outlined, i[class*="fa-"], svg) {
    color: #fff !important;
}

/* ---- Number badges and initials avatars -------------------------------- */
:not(a, button):is(
[class*=" bg-blue-"],
[class^="bg-blue-"],
[class*=" from-blue-"],
[class^="from-blue-"],
[class*=" bg-green-"],
[class^="bg-green-"],
[class*=" from-green-"],
[class^="from-green-"],
[class*=" bg-purple-"],
[class^="bg-purple-"],
[class*=" from-purple-"],
[class^="from-purple-"],
[class*=" bg-yellow-"],
[class^="bg-yellow-"],
[class*=" from-yellow-"],
[class^="from-yellow-"],
[class*=" bg-orange-"],
[class^="bg-orange-"],
[class*=" from-orange-"],
[class^="from-orange-"],
[class*=" bg-red-"],
[class^="bg-red-"],
[class*=" from-red-"],
[class^="from-red-"],
[class*=" bg-pink-"],
[class^="bg-pink-"],
[class*=" from-pink-"],
[class^="from-pink-"],
[class*=" bg-indigo-"],
[class^="bg-indigo-"],
[class*=" from-indigo-"],
[class^="from-indigo-"],
[class*=" bg-teal-"],
[class^="bg-teal-"],
[class*=" from-teal-"],
[class^="from-teal-"],
[class*=" bg-emerald-"],
[class^="bg-emerald-"],
[class*=" from-emerald-"],
[class^="from-emerald-"],
[class*=" bg-cyan-"],
[class^="bg-cyan-"],
[class*=" from-cyan-"],
[class^="from-cyan-"],
[class*=" bg-amber-"],
[class^="bg-amber-"],
[class*=" from-amber-"],
[class^="from-amber-"],
[class*=" bg-rose-"],
[class^="bg-rose-"],
[class*=" from-rose-"],
[class^="from-rose-"],
[class*=" bg-violet-"],
[class^="bg-violet-"],
[class*=" from-violet-"],
[class^="from-violet-"],
[class*=" bg-sky-"],
[class^="bg-sky-"],
[class*=" from-sky-"],
[class^="from-sky-"],
[class*=" bg-lime-"],
[class^="bg-lime-"],
[class*=" from-lime-"],
[class^="from-lime-"],
[class*=" bg-fuchsia-"],
[class^="bg-fuchsia-"],
[class*=" from-fuchsia-"],
[class^="from-fuchsia-"]
):is(:is([class*=" w-1"], [class^="w-1"], [class*=" w-2"], [class^="w-2"], [class*=" w-3"], [class^="w-3"], [class*=" w-4"], [class^="w-4"], [class*=" w-5"], [class^="w-5"], [class*=" w-6"], [class^="w-6"], [class*=" w-7"], [class^="w-7"], [class*=" w-8"], [class^="w-8"], [class*=" w-9"], [class^="w-9"]):is([class*=" h-1"], [class^="h-1"], [class*=" h-2"], [class^="h-2"], [class*=" h-3"], [class^="h-3"], [class*=" h-4"], [class^="h-4"], [class*=" h-5"], [class^="h-5"], [class*=" h-6"], [class^="h-6"], [class*=" h-7"], [class^="h-7"], [class*=" h-8"], [class^="h-8"], [class*=" h-9"], [class^="h-9"]), [class*=" size-"], [class^="size-"])[class~="text-white"]:not(:has(> :is(.material-symbols-outlined, .material-symbols-rounded, .material-icons, .material-icons-outlined, i[class*="fa-"], svg))) {
    background-color: var(--vvu-icon-navy) !important;
    background-image: none !important;
    color: #fff !important;
    --tw-shadow-color: rgba(30, 58, 138, .28) !important;
}
:not(a, button):is(
[class*=" bg-blue-"],
[class^="bg-blue-"],
[class*=" from-blue-"],
[class^="from-blue-"],
[class*=" bg-green-"],
[class^="bg-green-"],
[class*=" from-green-"],
[class^="from-green-"],
[class*=" bg-purple-"],
[class^="bg-purple-"],
[class*=" from-purple-"],
[class^="from-purple-"],
[class*=" bg-yellow-"],
[class^="bg-yellow-"],
[class*=" from-yellow-"],
[class^="from-yellow-"],
[class*=" bg-orange-"],
[class^="bg-orange-"],
[class*=" from-orange-"],
[class^="from-orange-"],
[class*=" bg-red-"],
[class^="bg-red-"],
[class*=" from-red-"],
[class^="from-red-"],
[class*=" bg-pink-"],
[class^="bg-pink-"],
[class*=" from-pink-"],
[class^="from-pink-"],
[class*=" bg-indigo-"],
[class^="bg-indigo-"],
[class*=" from-indigo-"],
[class^="from-indigo-"],
[class*=" bg-teal-"],
[class^="bg-teal-"],
[class*=" from-teal-"],
[class^="from-teal-"],
[class*=" bg-emerald-"],
[class^="bg-emerald-"],
[class*=" from-emerald-"],
[class^="from-emerald-"],
[class*=" bg-cyan-"],
[class^="bg-cyan-"],
[class*=" from-cyan-"],
[class^="from-cyan-"],
[class*=" bg-amber-"],
[class^="bg-amber-"],
[class*=" from-amber-"],
[class^="from-amber-"],
[class*=" bg-rose-"],
[class^="bg-rose-"],
[class*=" from-rose-"],
[class^="from-rose-"],
[class*=" bg-violet-"],
[class^="bg-violet-"],
[class*=" from-violet-"],
[class^="from-violet-"],
[class*=" bg-sky-"],
[class^="bg-sky-"],
[class*=" from-sky-"],
[class^="from-sky-"],
[class*=" bg-lime-"],
[class^="bg-lime-"],
[class*=" from-lime-"],
[class^="from-lime-"],
[class*=" bg-fuchsia-"],
[class^="bg-fuchsia-"],
[class*=" from-fuchsia-"],
[class^="from-fuchsia-"]
):is(:is([class*=" w-1"], [class^="w-1"], [class*=" w-2"], [class^="w-2"], [class*=" w-3"], [class^="w-3"], [class*=" w-4"], [class^="w-4"], [class*=" w-5"], [class^="w-5"], [class*=" w-6"], [class^="w-6"], [class*=" w-7"], [class^="w-7"], [class*=" w-8"], [class^="w-8"], [class*=" w-9"], [class^="w-9"]):is([class*=" h-1"], [class^="h-1"], [class*=" h-2"], [class^="h-2"], [class*=" h-3"], [class^="h-3"], [class*=" h-4"], [class^="h-4"], [class*=" h-5"], [class^="h-5"], [class*=" h-6"], [class^="h-6"], [class*=" h-7"], [class^="h-7"], [class*=" h-8"], [class^="h-8"], [class*=" h-9"], [class^="h-9"]), [class*=" size-"], [class^="size-"])[class~="text-white"]:not(:has(> :is(.material-symbols-outlined, .material-symbols-rounded, .material-icons, .material-icons-outlined, i[class*="fa-"], svg))) * {
    color: #fff !important;
}

/* ---- Solid labelled pills (icon + text) -------------------------------- */
:not(a, button):is(
[class~="bg-blue-300"],
[class~="bg-blue-400"],
[class~="bg-blue-500"],
[class~="bg-blue-600"],
[class~="bg-blue-700"],
[class~="bg-blue-800"],
[class~="bg-blue-900"],
[class~="bg-blue-950"],
[class~="bg-green-300"],
[class~="bg-green-400"],
[class~="bg-green-500"],
[class~="bg-green-600"],
[class~="bg-green-700"],
[class~="bg-green-800"],
[class~="bg-green-900"],
[class~="bg-green-950"],
[class~="bg-purple-300"],
[class~="bg-purple-400"],
[class~="bg-purple-500"],
[class~="bg-purple-600"],
[class~="bg-purple-700"],
[class~="bg-purple-800"],
[class~="bg-purple-900"],
[class~="bg-purple-950"],
[class~="bg-orange-300"],
[class~="bg-orange-400"],
[class~="bg-orange-500"],
[class~="bg-orange-600"],
[class~="bg-orange-700"],
[class~="bg-orange-800"],
[class~="bg-orange-900"],
[class~="bg-orange-950"],
[class~="bg-red-300"],
[class~="bg-red-400"],
[class~="bg-red-500"],
[class~="bg-red-600"],
[class~="bg-red-700"],
[class~="bg-red-800"],
[class~="bg-red-900"],
[class~="bg-red-950"],
[class~="bg-pink-300"],
[class~="bg-pink-400"],
[class~="bg-pink-500"],
[class~="bg-pink-600"],
[class~="bg-pink-700"],
[class~="bg-pink-800"],
[class~="bg-pink-900"],
[class~="bg-pink-950"],
[class~="bg-indigo-300"],
[class~="bg-indigo-400"],
[class~="bg-indigo-500"],
[class~="bg-indigo-600"],
[class~="bg-indigo-700"],
[class~="bg-indigo-800"],
[class~="bg-indigo-900"],
[class~="bg-indigo-950"],
[class~="bg-teal-300"],
[class~="bg-teal-400"],
[class~="bg-teal-500"],
[class~="bg-teal-600"],
[class~="bg-teal-700"],
[class~="bg-teal-800"],
[class~="bg-teal-900"],
[class~="bg-teal-950"],
[class~="bg-emerald-300"],
[class~="bg-emerald-400"],
[class~="bg-emerald-500"],
[class~="bg-emerald-600"],
[class~="bg-emerald-700"],
[class~="bg-emerald-800"],
[class~="bg-emerald-900"],
[class~="bg-emerald-950"],
[class~="bg-cyan-300"],
[class~="bg-cyan-400"],
[class~="bg-cyan-500"],
[class~="bg-cyan-600"],
[class~="bg-cyan-700"],
[class~="bg-cyan-800"],
[class~="bg-cyan-900"],
[class~="bg-cyan-950"],
[class~="bg-rose-300"],
[class~="bg-rose-400"],
[class~="bg-rose-500"],
[class~="bg-rose-600"],
[class~="bg-rose-700"],
[class~="bg-rose-800"],
[class~="bg-rose-900"],
[class~="bg-rose-950"],
[class~="bg-violet-300"],
[class~="bg-violet-400"],
[class~="bg-violet-500"],
[class~="bg-violet-600"],
[class~="bg-violet-700"],
[class~="bg-violet-800"],
[class~="bg-violet-900"],
[class~="bg-violet-950"],
[class~="bg-sky-300"],
[class~="bg-sky-400"],
[class~="bg-sky-500"],
[class~="bg-sky-600"],
[class~="bg-sky-700"],
[class~="bg-sky-800"],
[class~="bg-sky-900"],
[class~="bg-sky-950"],
[class~="bg-lime-300"],
[class~="bg-lime-400"],
[class~="bg-lime-500"],
[class~="bg-lime-600"],
[class~="bg-lime-700"],
[class~="bg-lime-800"],
[class~="bg-lime-900"],
[class~="bg-lime-950"],
[class~="bg-fuchsia-300"],
[class~="bg-fuchsia-400"],
[class~="bg-fuchsia-500"],
[class~="bg-fuchsia-600"],
[class~="bg-fuchsia-700"],
[class~="bg-fuchsia-800"],
[class~="bg-fuchsia-900"],
[class~="bg-fuchsia-950"],
[class~="from-blue-300"],
[class~="from-blue-400"],
[class~="from-blue-500"],
[class~="from-blue-600"],
[class~="from-blue-700"],
[class~="from-blue-800"],
[class~="from-blue-900"],
[class~="from-blue-950"],
[class~="from-green-300"],
[class~="from-green-400"],
[class~="from-green-500"],
[class~="from-green-600"],
[class~="from-green-700"],
[class~="from-green-800"],
[class~="from-green-900"],
[class~="from-green-950"],
[class~="from-purple-300"],
[class~="from-purple-400"],
[class~="from-purple-500"],
[class~="from-purple-600"],
[class~="from-purple-700"],
[class~="from-purple-800"],
[class~="from-purple-900"],
[class~="from-purple-950"],
[class~="from-orange-300"],
[class~="from-orange-400"],
[class~="from-orange-500"],
[class~="from-orange-600"],
[class~="from-orange-700"],
[class~="from-orange-800"],
[class~="from-orange-900"],
[class~="from-orange-950"],
[class~="from-red-300"],
[class~="from-red-400"],
[class~="from-red-500"],
[class~="from-red-600"],
[class~="from-red-700"],
[class~="from-red-800"],
[class~="from-red-900"],
[class~="from-red-950"],
[class~="from-pink-300"],
[class~="from-pink-400"],
[class~="from-pink-500"],
[class~="from-pink-600"],
[class~="from-pink-700"],
[class~="from-pink-800"],
[class~="from-pink-900"],
[class~="from-pink-950"],
[class~="from-indigo-300"],
[class~="from-indigo-400"],
[class~="from-indigo-500"],
[class~="from-indigo-600"],
[class~="from-indigo-700"],
[class~="from-indigo-800"],
[class~="from-indigo-900"],
[class~="from-indigo-950"],
[class~="from-teal-300"],
[class~="from-teal-400"],
[class~="from-teal-500"],
[class~="from-teal-600"],
[class~="from-teal-700"],
[class~="from-teal-800"],
[class~="from-teal-900"],
[class~="from-teal-950"],
[class~="from-emerald-300"],
[class~="from-emerald-400"],
[class~="from-emerald-500"],
[class~="from-emerald-600"],
[class~="from-emerald-700"],
[class~="from-emerald-800"],
[class~="from-emerald-900"],
[class~="from-emerald-950"],
[class~="from-cyan-300"],
[class~="from-cyan-400"],
[class~="from-cyan-500"],
[class~="from-cyan-600"],
[class~="from-cyan-700"],
[class~="from-cyan-800"],
[class~="from-cyan-900"],
[class~="from-cyan-950"],
[class~="from-rose-300"],
[class~="from-rose-400"],
[class~="from-rose-500"],
[class~="from-rose-600"],
[class~="from-rose-700"],
[class~="from-rose-800"],
[class~="from-rose-900"],
[class~="from-rose-950"],
[class~="from-violet-300"],
[class~="from-violet-400"],
[class~="from-violet-500"],
[class~="from-violet-600"],
[class~="from-violet-700"],
[class~="from-violet-800"],
[class~="from-violet-900"],
[class~="from-violet-950"],
[class~="from-sky-300"],
[class~="from-sky-400"],
[class~="from-sky-500"],
[class~="from-sky-600"],
[class~="from-sky-700"],
[class~="from-sky-800"],
[class~="from-sky-900"],
[class~="from-sky-950"],
[class~="from-lime-300"],
[class~="from-lime-400"],
[class~="from-lime-500"],
[class~="from-lime-600"],
[class~="from-lime-700"],
[class~="from-lime-800"],
[class~="from-lime-900"],
[class~="from-lime-950"],
[class~="from-fuchsia-300"],
[class~="from-fuchsia-400"],
[class~="from-fuchsia-500"],
[class~="from-fuchsia-600"],
[class~="from-fuchsia-700"],
[class~="from-fuchsia-800"],
[class~="from-fuchsia-900"],
[class~="from-fuchsia-950"]
):not(:is(:is([class*=" w-1"], [class^="w-1"], [class*=" w-2"], [class^="w-2"], [class*=" w-3"], [class^="w-3"], [class*=" w-4"], [class^="w-4"], [class*=" w-5"], [class^="w-5"], [class*=" w-6"], [class^="w-6"], [class*=" w-7"], [class^="w-7"], [class*=" w-8"], [class^="w-8"], [class*=" w-9"], [class^="w-9"]):is([class*=" h-1"], [class^="h-1"], [class*=" h-2"], [class^="h-2"], [class*=" h-3"], [class^="h-3"], [class*=" h-4"], [class^="h-4"], [class*=" h-5"], [class^="h-5"], [class*=" h-6"], [class^="h-6"], [class*=" h-7"], [class^="h-7"], [class*=" h-8"], [class^="h-8"], [class*=" h-9"], [class^="h-9"]), [class*=" size-"], [class^="size-"])):has(> :is(.material-symbols-outlined, .material-symbols-rounded, .material-icons, .material-icons-outlined, i[class*="fa-"], svg)) {
    background-color: var(--vvu-icon-navy) !important;
    background-image: none !important;
    color: #fff !important;
}
:not(a, button):is(
[class~="bg-blue-300"],
[class~="bg-blue-400"],
[class~="bg-blue-500"],
[class~="bg-blue-600"],
[class~="bg-blue-700"],
[class~="bg-blue-800"],
[class~="bg-blue-900"],
[class~="bg-blue-950"],
[class~="bg-green-300"],
[class~="bg-green-400"],
[class~="bg-green-500"],
[class~="bg-green-600"],
[class~="bg-green-700"],
[class~="bg-green-800"],
[class~="bg-green-900"],
[class~="bg-green-950"],
[class~="bg-purple-300"],
[class~="bg-purple-400"],
[class~="bg-purple-500"],
[class~="bg-purple-600"],
[class~="bg-purple-700"],
[class~="bg-purple-800"],
[class~="bg-purple-900"],
[class~="bg-purple-950"],
[class~="bg-orange-300"],
[class~="bg-orange-400"],
[class~="bg-orange-500"],
[class~="bg-orange-600"],
[class~="bg-orange-700"],
[class~="bg-orange-800"],
[class~="bg-orange-900"],
[class~="bg-orange-950"],
[class~="bg-red-300"],
[class~="bg-red-400"],
[class~="bg-red-500"],
[class~="bg-red-600"],
[class~="bg-red-700"],
[class~="bg-red-800"],
[class~="bg-red-900"],
[class~="bg-red-950"],
[class~="bg-pink-300"],
[class~="bg-pink-400"],
[class~="bg-pink-500"],
[class~="bg-pink-600"],
[class~="bg-pink-700"],
[class~="bg-pink-800"],
[class~="bg-pink-900"],
[class~="bg-pink-950"],
[class~="bg-indigo-300"],
[class~="bg-indigo-400"],
[class~="bg-indigo-500"],
[class~="bg-indigo-600"],
[class~="bg-indigo-700"],
[class~="bg-indigo-800"],
[class~="bg-indigo-900"],
[class~="bg-indigo-950"],
[class~="bg-teal-300"],
[class~="bg-teal-400"],
[class~="bg-teal-500"],
[class~="bg-teal-600"],
[class~="bg-teal-700"],
[class~="bg-teal-800"],
[class~="bg-teal-900"],
[class~="bg-teal-950"],
[class~="bg-emerald-300"],
[class~="bg-emerald-400"],
[class~="bg-emerald-500"],
[class~="bg-emerald-600"],
[class~="bg-emerald-700"],
[class~="bg-emerald-800"],
[class~="bg-emerald-900"],
[class~="bg-emerald-950"],
[class~="bg-cyan-300"],
[class~="bg-cyan-400"],
[class~="bg-cyan-500"],
[class~="bg-cyan-600"],
[class~="bg-cyan-700"],
[class~="bg-cyan-800"],
[class~="bg-cyan-900"],
[class~="bg-cyan-950"],
[class~="bg-rose-300"],
[class~="bg-rose-400"],
[class~="bg-rose-500"],
[class~="bg-rose-600"],
[class~="bg-rose-700"],
[class~="bg-rose-800"],
[class~="bg-rose-900"],
[class~="bg-rose-950"],
[class~="bg-violet-300"],
[class~="bg-violet-400"],
[class~="bg-violet-500"],
[class~="bg-violet-600"],
[class~="bg-violet-700"],
[class~="bg-violet-800"],
[class~="bg-violet-900"],
[class~="bg-violet-950"],
[class~="bg-sky-300"],
[class~="bg-sky-400"],
[class~="bg-sky-500"],
[class~="bg-sky-600"],
[class~="bg-sky-700"],
[class~="bg-sky-800"],
[class~="bg-sky-900"],
[class~="bg-sky-950"],
[class~="bg-lime-300"],
[class~="bg-lime-400"],
[class~="bg-lime-500"],
[class~="bg-lime-600"],
[class~="bg-lime-700"],
[class~="bg-lime-800"],
[class~="bg-lime-900"],
[class~="bg-lime-950"],
[class~="bg-fuchsia-300"],
[class~="bg-fuchsia-400"],
[class~="bg-fuchsia-500"],
[class~="bg-fuchsia-600"],
[class~="bg-fuchsia-700"],
[class~="bg-fuchsia-800"],
[class~="bg-fuchsia-900"],
[class~="bg-fuchsia-950"],
[class~="from-blue-300"],
[class~="from-blue-400"],
[class~="from-blue-500"],
[class~="from-blue-600"],
[class~="from-blue-700"],
[class~="from-blue-800"],
[class~="from-blue-900"],
[class~="from-blue-950"],
[class~="from-green-300"],
[class~="from-green-400"],
[class~="from-green-500"],
[class~="from-green-600"],
[class~="from-green-700"],
[class~="from-green-800"],
[class~="from-green-900"],
[class~="from-green-950"],
[class~="from-purple-300"],
[class~="from-purple-400"],
[class~="from-purple-500"],
[class~="from-purple-600"],
[class~="from-purple-700"],
[class~="from-purple-800"],
[class~="from-purple-900"],
[class~="from-purple-950"],
[class~="from-orange-300"],
[class~="from-orange-400"],
[class~="from-orange-500"],
[class~="from-orange-600"],
[class~="from-orange-700"],
[class~="from-orange-800"],
[class~="from-orange-900"],
[class~="from-orange-950"],
[class~="from-red-300"],
[class~="from-red-400"],
[class~="from-red-500"],
[class~="from-red-600"],
[class~="from-red-700"],
[class~="from-red-800"],
[class~="from-red-900"],
[class~="from-red-950"],
[class~="from-pink-300"],
[class~="from-pink-400"],
[class~="from-pink-500"],
[class~="from-pink-600"],
[class~="from-pink-700"],
[class~="from-pink-800"],
[class~="from-pink-900"],
[class~="from-pink-950"],
[class~="from-indigo-300"],
[class~="from-indigo-400"],
[class~="from-indigo-500"],
[class~="from-indigo-600"],
[class~="from-indigo-700"],
[class~="from-indigo-800"],
[class~="from-indigo-900"],
[class~="from-indigo-950"],
[class~="from-teal-300"],
[class~="from-teal-400"],
[class~="from-teal-500"],
[class~="from-teal-600"],
[class~="from-teal-700"],
[class~="from-teal-800"],
[class~="from-teal-900"],
[class~="from-teal-950"],
[class~="from-emerald-300"],
[class~="from-emerald-400"],
[class~="from-emerald-500"],
[class~="from-emerald-600"],
[class~="from-emerald-700"],
[class~="from-emerald-800"],
[class~="from-emerald-900"],
[class~="from-emerald-950"],
[class~="from-cyan-300"],
[class~="from-cyan-400"],
[class~="from-cyan-500"],
[class~="from-cyan-600"],
[class~="from-cyan-700"],
[class~="from-cyan-800"],
[class~="from-cyan-900"],
[class~="from-cyan-950"],
[class~="from-rose-300"],
[class~="from-rose-400"],
[class~="from-rose-500"],
[class~="from-rose-600"],
[class~="from-rose-700"],
[class~="from-rose-800"],
[class~="from-rose-900"],
[class~="from-rose-950"],
[class~="from-violet-300"],
[class~="from-violet-400"],
[class~="from-violet-500"],
[class~="from-violet-600"],
[class~="from-violet-700"],
[class~="from-violet-800"],
[class~="from-violet-900"],
[class~="from-violet-950"],
[class~="from-sky-300"],
[class~="from-sky-400"],
[class~="from-sky-500"],
[class~="from-sky-600"],
[class~="from-sky-700"],
[class~="from-sky-800"],
[class~="from-sky-900"],
[class~="from-sky-950"],
[class~="from-lime-300"],
[class~="from-lime-400"],
[class~="from-lime-500"],
[class~="from-lime-600"],
[class~="from-lime-700"],
[class~="from-lime-800"],
[class~="from-lime-900"],
[class~="from-lime-950"],
[class~="from-fuchsia-300"],
[class~="from-fuchsia-400"],
[class~="from-fuchsia-500"],
[class~="from-fuchsia-600"],
[class~="from-fuchsia-700"],
[class~="from-fuchsia-800"],
[class~="from-fuchsia-900"],
[class~="from-fuchsia-950"]
):not(:is(:is([class*=" w-1"], [class^="w-1"], [class*=" w-2"], [class^="w-2"], [class*=" w-3"], [class^="w-3"], [class*=" w-4"], [class^="w-4"], [class*=" w-5"], [class^="w-5"], [class*=" w-6"], [class^="w-6"], [class*=" w-7"], [class^="w-7"], [class*=" w-8"], [class^="w-8"], [class*=" w-9"], [class^="w-9"]):is([class*=" h-1"], [class^="h-1"], [class*=" h-2"], [class^="h-2"], [class*=" h-3"], [class^="h-3"], [class*=" h-4"], [class^="h-4"], [class*=" h-5"], [class^="h-5"], [class*=" h-6"], [class^="h-6"], [class*=" h-7"], [class^="h-7"], [class*=" h-8"], [class^="h-8"], [class*=" h-9"], [class^="h-9"]), [class*=" size-"], [class^="size-"])):has(> :is(.material-symbols-outlined, .material-symbols-rounded, .material-icons, .material-icons-outlined, i[class*="fa-"], svg)) > * {
    color: #fff !important;
}

/* ---- Buttons ----------------------------------------------------------- */
:is(a, button):is(
[class~="bg-blue-300"],
[class~="bg-blue-400"],
[class~="bg-blue-500"],
[class~="bg-blue-600"],
[class~="bg-blue-700"],
[class~="bg-blue-800"],
[class~="bg-blue-900"],
[class~="bg-blue-950"],
[class~="bg-green-300"],
[class~="bg-green-400"],
[class~="bg-green-500"],
[class~="bg-green-600"],
[class~="bg-green-700"],
[class~="bg-green-800"],
[class~="bg-green-900"],
[class~="bg-green-950"],
[class~="bg-purple-300"],
[class~="bg-purple-400"],
[class~="bg-purple-500"],
[class~="bg-purple-600"],
[class~="bg-purple-700"],
[class~="bg-purple-800"],
[class~="bg-purple-900"],
[class~="bg-purple-950"],
[class~="bg-orange-300"],
[class~="bg-orange-400"],
[class~="bg-orange-500"],
[class~="bg-orange-600"],
[class~="bg-orange-700"],
[class~="bg-orange-800"],
[class~="bg-orange-900"],
[class~="bg-orange-950"],
[class~="bg-red-300"],
[class~="bg-red-400"],
[class~="bg-red-500"],
[class~="bg-red-600"],
[class~="bg-red-700"],
[class~="bg-red-800"],
[class~="bg-red-900"],
[class~="bg-red-950"],
[class~="bg-pink-300"],
[class~="bg-pink-400"],
[class~="bg-pink-500"],
[class~="bg-pink-600"],
[class~="bg-pink-700"],
[class~="bg-pink-800"],
[class~="bg-pink-900"],
[class~="bg-pink-950"],
[class~="bg-indigo-300"],
[class~="bg-indigo-400"],
[class~="bg-indigo-500"],
[class~="bg-indigo-600"],
[class~="bg-indigo-700"],
[class~="bg-indigo-800"],
[class~="bg-indigo-900"],
[class~="bg-indigo-950"],
[class~="bg-teal-300"],
[class~="bg-teal-400"],
[class~="bg-teal-500"],
[class~="bg-teal-600"],
[class~="bg-teal-700"],
[class~="bg-teal-800"],
[class~="bg-teal-900"],
[class~="bg-teal-950"],
[class~="bg-emerald-300"],
[class~="bg-emerald-400"],
[class~="bg-emerald-500"],
[class~="bg-emerald-600"],
[class~="bg-emerald-700"],
[class~="bg-emerald-800"],
[class~="bg-emerald-900"],
[class~="bg-emerald-950"],
[class~="bg-cyan-300"],
[class~="bg-cyan-400"],
[class~="bg-cyan-500"],
[class~="bg-cyan-600"],
[class~="bg-cyan-700"],
[class~="bg-cyan-800"],
[class~="bg-cyan-900"],
[class~="bg-cyan-950"],
[class~="bg-rose-300"],
[class~="bg-rose-400"],
[class~="bg-rose-500"],
[class~="bg-rose-600"],
[class~="bg-rose-700"],
[class~="bg-rose-800"],
[class~="bg-rose-900"],
[class~="bg-rose-950"],
[class~="bg-violet-300"],
[class~="bg-violet-400"],
[class~="bg-violet-500"],
[class~="bg-violet-600"],
[class~="bg-violet-700"],
[class~="bg-violet-800"],
[class~="bg-violet-900"],
[class~="bg-violet-950"],
[class~="bg-sky-300"],
[class~="bg-sky-400"],
[class~="bg-sky-500"],
[class~="bg-sky-600"],
[class~="bg-sky-700"],
[class~="bg-sky-800"],
[class~="bg-sky-900"],
[class~="bg-sky-950"],
[class~="bg-lime-300"],
[class~="bg-lime-400"],
[class~="bg-lime-500"],
[class~="bg-lime-600"],
[class~="bg-lime-700"],
[class~="bg-lime-800"],
[class~="bg-lime-900"],
[class~="bg-lime-950"],
[class~="bg-fuchsia-300"],
[class~="bg-fuchsia-400"],
[class~="bg-fuchsia-500"],
[class~="bg-fuchsia-600"],
[class~="bg-fuchsia-700"],
[class~="bg-fuchsia-800"],
[class~="bg-fuchsia-900"],
[class~="bg-fuchsia-950"],
[class~="from-blue-300"],
[class~="from-blue-400"],
[class~="from-blue-500"],
[class~="from-blue-600"],
[class~="from-blue-700"],
[class~="from-blue-800"],
[class~="from-blue-900"],
[class~="from-blue-950"],
[class~="from-green-300"],
[class~="from-green-400"],
[class~="from-green-500"],
[class~="from-green-600"],
[class~="from-green-700"],
[class~="from-green-800"],
[class~="from-green-900"],
[class~="from-green-950"],
[class~="from-purple-300"],
[class~="from-purple-400"],
[class~="from-purple-500"],
[class~="from-purple-600"],
[class~="from-purple-700"],
[class~="from-purple-800"],
[class~="from-purple-900"],
[class~="from-purple-950"],
[class~="from-orange-300"],
[class~="from-orange-400"],
[class~="from-orange-500"],
[class~="from-orange-600"],
[class~="from-orange-700"],
[class~="from-orange-800"],
[class~="from-orange-900"],
[class~="from-orange-950"],
[class~="from-red-300"],
[class~="from-red-400"],
[class~="from-red-500"],
[class~="from-red-600"],
[class~="from-red-700"],
[class~="from-red-800"],
[class~="from-red-900"],
[class~="from-red-950"],
[class~="from-pink-300"],
[class~="from-pink-400"],
[class~="from-pink-500"],
[class~="from-pink-600"],
[class~="from-pink-700"],
[class~="from-pink-800"],
[class~="from-pink-900"],
[class~="from-pink-950"],
[class~="from-indigo-300"],
[class~="from-indigo-400"],
[class~="from-indigo-500"],
[class~="from-indigo-600"],
[class~="from-indigo-700"],
[class~="from-indigo-800"],
[class~="from-indigo-900"],
[class~="from-indigo-950"],
[class~="from-teal-300"],
[class~="from-teal-400"],
[class~="from-teal-500"],
[class~="from-teal-600"],
[class~="from-teal-700"],
[class~="from-teal-800"],
[class~="from-teal-900"],
[class~="from-teal-950"],
[class~="from-emerald-300"],
[class~="from-emerald-400"],
[class~="from-emerald-500"],
[class~="from-emerald-600"],
[class~="from-emerald-700"],
[class~="from-emerald-800"],
[class~="from-emerald-900"],
[class~="from-emerald-950"],
[class~="from-cyan-300"],
[class~="from-cyan-400"],
[class~="from-cyan-500"],
[class~="from-cyan-600"],
[class~="from-cyan-700"],
[class~="from-cyan-800"],
[class~="from-cyan-900"],
[class~="from-cyan-950"],
[class~="from-rose-300"],
[class~="from-rose-400"],
[class~="from-rose-500"],
[class~="from-rose-600"],
[class~="from-rose-700"],
[class~="from-rose-800"],
[class~="from-rose-900"],
[class~="from-rose-950"],
[class~="from-violet-300"],
[class~="from-violet-400"],
[class~="from-violet-500"],
[class~="from-violet-600"],
[class~="from-violet-700"],
[class~="from-violet-800"],
[class~="from-violet-900"],
[class~="from-violet-950"],
[class~="from-sky-300"],
[class~="from-sky-400"],
[class~="from-sky-500"],
[class~="from-sky-600"],
[class~="from-sky-700"],
[class~="from-sky-800"],
[class~="from-sky-900"],
[class~="from-sky-950"],
[class~="from-lime-300"],
[class~="from-lime-400"],
[class~="from-lime-500"],
[class~="from-lime-600"],
[class~="from-lime-700"],
[class~="from-lime-800"],
[class~="from-lime-900"],
[class~="from-lime-950"],
[class~="from-fuchsia-300"],
[class~="from-fuchsia-400"],
[class~="from-fuchsia-500"],
[class~="from-fuchsia-600"],
[class~="from-fuchsia-700"],
[class~="from-fuchsia-800"],
[class~="from-fuchsia-900"],
[class~="from-fuchsia-950"]
):not([href*="wa.me"], [href*="whatsapp"]) {
    background-color: var(--vvu-icon-navy) !important;
    background-image: none !important;
    color: #fff !important;
    --tw-shadow-color: rgba(30, 58, 138, .25) !important;
}
:is(a, button):is(
[class~="bg-blue-300"],
[class~="bg-blue-400"],
[class~="bg-blue-500"],
[class~="bg-blue-600"],
[class~="bg-blue-700"],
[class~="bg-blue-800"],
[class~="bg-blue-900"],
[class~="bg-blue-950"],
[class~="bg-green-300"],
[class~="bg-green-400"],
[class~="bg-green-500"],
[class~="bg-green-600"],
[class~="bg-green-700"],
[class~="bg-green-800"],
[class~="bg-green-900"],
[class~="bg-green-950"],
[class~="bg-purple-300"],
[class~="bg-purple-400"],
[class~="bg-purple-500"],
[class~="bg-purple-600"],
[class~="bg-purple-700"],
[class~="bg-purple-800"],
[class~="bg-purple-900"],
[class~="bg-purple-950"],
[class~="bg-orange-300"],
[class~="bg-orange-400"],
[class~="bg-orange-500"],
[class~="bg-orange-600"],
[class~="bg-orange-700"],
[class~="bg-orange-800"],
[class~="bg-orange-900"],
[class~="bg-orange-950"],
[class~="bg-red-300"],
[class~="bg-red-400"],
[class~="bg-red-500"],
[class~="bg-red-600"],
[class~="bg-red-700"],
[class~="bg-red-800"],
[class~="bg-red-900"],
[class~="bg-red-950"],
[class~="bg-pink-300"],
[class~="bg-pink-400"],
[class~="bg-pink-500"],
[class~="bg-pink-600"],
[class~="bg-pink-700"],
[class~="bg-pink-800"],
[class~="bg-pink-900"],
[class~="bg-pink-950"],
[class~="bg-indigo-300"],
[class~="bg-indigo-400"],
[class~="bg-indigo-500"],
[class~="bg-indigo-600"],
[class~="bg-indigo-700"],
[class~="bg-indigo-800"],
[class~="bg-indigo-900"],
[class~="bg-indigo-950"],
[class~="bg-teal-300"],
[class~="bg-teal-400"],
[class~="bg-teal-500"],
[class~="bg-teal-600"],
[class~="bg-teal-700"],
[class~="bg-teal-800"],
[class~="bg-teal-900"],
[class~="bg-teal-950"],
[class~="bg-emerald-300"],
[class~="bg-emerald-400"],
[class~="bg-emerald-500"],
[class~="bg-emerald-600"],
[class~="bg-emerald-700"],
[class~="bg-emerald-800"],
[class~="bg-emerald-900"],
[class~="bg-emerald-950"],
[class~="bg-cyan-300"],
[class~="bg-cyan-400"],
[class~="bg-cyan-500"],
[class~="bg-cyan-600"],
[class~="bg-cyan-700"],
[class~="bg-cyan-800"],
[class~="bg-cyan-900"],
[class~="bg-cyan-950"],
[class~="bg-rose-300"],
[class~="bg-rose-400"],
[class~="bg-rose-500"],
[class~="bg-rose-600"],
[class~="bg-rose-700"],
[class~="bg-rose-800"],
[class~="bg-rose-900"],
[class~="bg-rose-950"],
[class~="bg-violet-300"],
[class~="bg-violet-400"],
[class~="bg-violet-500"],
[class~="bg-violet-600"],
[class~="bg-violet-700"],
[class~="bg-violet-800"],
[class~="bg-violet-900"],
[class~="bg-violet-950"],
[class~="bg-sky-300"],
[class~="bg-sky-400"],
[class~="bg-sky-500"],
[class~="bg-sky-600"],
[class~="bg-sky-700"],
[class~="bg-sky-800"],
[class~="bg-sky-900"],
[class~="bg-sky-950"],
[class~="bg-lime-300"],
[class~="bg-lime-400"],
[class~="bg-lime-500"],
[class~="bg-lime-600"],
[class~="bg-lime-700"],
[class~="bg-lime-800"],
[class~="bg-lime-900"],
[class~="bg-lime-950"],
[class~="bg-fuchsia-300"],
[class~="bg-fuchsia-400"],
[class~="bg-fuchsia-500"],
[class~="bg-fuchsia-600"],
[class~="bg-fuchsia-700"],
[class~="bg-fuchsia-800"],
[class~="bg-fuchsia-900"],
[class~="bg-fuchsia-950"],
[class~="from-blue-300"],
[class~="from-blue-400"],
[class~="from-blue-500"],
[class~="from-blue-600"],
[class~="from-blue-700"],
[class~="from-blue-800"],
[class~="from-blue-900"],
[class~="from-blue-950"],
[class~="from-green-300"],
[class~="from-green-400"],
[class~="from-green-500"],
[class~="from-green-600"],
[class~="from-green-700"],
[class~="from-green-800"],
[class~="from-green-900"],
[class~="from-green-950"],
[class~="from-purple-300"],
[class~="from-purple-400"],
[class~="from-purple-500"],
[class~="from-purple-600"],
[class~="from-purple-700"],
[class~="from-purple-800"],
[class~="from-purple-900"],
[class~="from-purple-950"],
[class~="from-orange-300"],
[class~="from-orange-400"],
[class~="from-orange-500"],
[class~="from-orange-600"],
[class~="from-orange-700"],
[class~="from-orange-800"],
[class~="from-orange-900"],
[class~="from-orange-950"],
[class~="from-red-300"],
[class~="from-red-400"],
[class~="from-red-500"],
[class~="from-red-600"],
[class~="from-red-700"],
[class~="from-red-800"],
[class~="from-red-900"],
[class~="from-red-950"],
[class~="from-pink-300"],
[class~="from-pink-400"],
[class~="from-pink-500"],
[class~="from-pink-600"],
[class~="from-pink-700"],
[class~="from-pink-800"],
[class~="from-pink-900"],
[class~="from-pink-950"],
[class~="from-indigo-300"],
[class~="from-indigo-400"],
[class~="from-indigo-500"],
[class~="from-indigo-600"],
[class~="from-indigo-700"],
[class~="from-indigo-800"],
[class~="from-indigo-900"],
[class~="from-indigo-950"],
[class~="from-teal-300"],
[class~="from-teal-400"],
[class~="from-teal-500"],
[class~="from-teal-600"],
[class~="from-teal-700"],
[class~="from-teal-800"],
[class~="from-teal-900"],
[class~="from-teal-950"],
[class~="from-emerald-300"],
[class~="from-emerald-400"],
[class~="from-emerald-500"],
[class~="from-emerald-600"],
[class~="from-emerald-700"],
[class~="from-emerald-800"],
[class~="from-emerald-900"],
[class~="from-emerald-950"],
[class~="from-cyan-300"],
[class~="from-cyan-400"],
[class~="from-cyan-500"],
[class~="from-cyan-600"],
[class~="from-cyan-700"],
[class~="from-cyan-800"],
[class~="from-cyan-900"],
[class~="from-cyan-950"],
[class~="from-rose-300"],
[class~="from-rose-400"],
[class~="from-rose-500"],
[class~="from-rose-600"],
[class~="from-rose-700"],
[class~="from-rose-800"],
[class~="from-rose-900"],
[class~="from-rose-950"],
[class~="from-violet-300"],
[class~="from-violet-400"],
[class~="from-violet-500"],
[class~="from-violet-600"],
[class~="from-violet-700"],
[class~="from-violet-800"],
[class~="from-violet-900"],
[class~="from-violet-950"],
[class~="from-sky-300"],
[class~="from-sky-400"],
[class~="from-sky-500"],
[class~="from-sky-600"],
[class~="from-sky-700"],
[class~="from-sky-800"],
[class~="from-sky-900"],
[class~="from-sky-950"],
[class~="from-lime-300"],
[class~="from-lime-400"],
[class~="from-lime-500"],
[class~="from-lime-600"],
[class~="from-lime-700"],
[class~="from-lime-800"],
[class~="from-lime-900"],
[class~="from-lime-950"],
[class~="from-fuchsia-300"],
[class~="from-fuchsia-400"],
[class~="from-fuchsia-500"],
[class~="from-fuchsia-600"],
[class~="from-fuchsia-700"],
[class~="from-fuchsia-800"],
[class~="from-fuchsia-900"],
[class~="from-fuchsia-950"]
):not([href*="wa.me"], [href*="whatsapp"]):hover {
    background-color: var(--vvu-icon-navy-hover) !important;
}

/* ---- Light chips, step numbers and tinted panels ----------------------- */
:not(a, button):is(
[class~="bg-blue-50"],
[class~="bg-blue-100"],
[class~="bg-blue-200"],
[class~="bg-green-50"],
[class~="bg-green-100"],
[class~="bg-green-200"],
[class~="bg-purple-50"],
[class~="bg-purple-100"],
[class~="bg-purple-200"],
[class~="bg-orange-50"],
[class~="bg-orange-100"],
[class~="bg-orange-200"],
[class~="bg-pink-50"],
[class~="bg-pink-100"],
[class~="bg-pink-200"],
[class~="bg-indigo-50"],
[class~="bg-indigo-100"],
[class~="bg-indigo-200"],
[class~="bg-teal-50"],
[class~="bg-teal-100"],
[class~="bg-teal-200"],
[class~="bg-emerald-50"],
[class~="bg-emerald-100"],
[class~="bg-emerald-200"],
[class~="bg-cyan-50"],
[class~="bg-cyan-100"],
[class~="bg-cyan-200"],
[class~="bg-violet-50"],
[class~="bg-violet-100"],
[class~="bg-violet-200"],
[class~="bg-sky-50"],
[class~="bg-sky-100"],
[class~="bg-sky-200"],
[class~="bg-lime-50"],
[class~="bg-lime-100"],
[class~="bg-lime-200"],
[class~="bg-fuchsia-50"],
[class~="bg-fuchsia-100"],
[class~="bg-fuchsia-200"],
[class~="from-blue-50"],
[class~="from-green-50"],
[class~="from-purple-50"],
[class~="from-orange-50"],
[class~="from-pink-50"],
[class~="from-indigo-50"],
[class~="from-teal-50"],
[class~="from-emerald-50"],
[class~="from-cyan-50"],
[class~="from-violet-50"],
[class~="from-sky-50"],
[class~="from-lime-50"],
[class~="from-fuchsia-50"]
):not(:has(> :is(.material-symbols-outlined, .material-symbols-rounded, .material-icons, .material-icons-outlined, i[class*="fa-"], svg)):is(:is([class*=" w-1"], [class^="w-1"], [class*=" w-2"], [class^="w-2"], [class*=" w-3"], [class^="w-3"], [class*=" w-4"], [class^="w-4"], [class*=" w-5"], [class^="w-5"], [class*=" w-6"], [class^="w-6"], [class*=" w-7"], [class^="w-7"], [class*=" w-8"], [class^="w-8"], [class*=" w-9"], [class^="w-9"]):is([class*=" h-1"], [class^="h-1"], [class*=" h-2"], [class^="h-2"], [class*=" h-3"], [class^="h-3"], [class*=" h-4"], [class^="h-4"], [class*=" h-5"], [class^="h-5"], [class*=" h-6"], [class^="h-6"], [class*=" h-7"], [class^="h-7"], [class*=" h-8"], [class^="h-8"], [class*=" h-9"], [class^="h-9"]), [class*=" size-"], [class^="size-"], .icon-box, .icon-container, .quick-link-icon, .resource-icon, .branch-icon)) {
    background-color: var(--vvu-icon-tint) !important;
    background-image: none !important;
    color: var(--vvu-icon-navy) !important;
    --tw-border-opacity: 1;
}
:not(a, button):is(
[class~="bg-blue-50"],
[class~="bg-blue-100"],
[class~="bg-blue-200"],
[class~="bg-green-50"],
[class~="bg-green-100"],
[class~="bg-green-200"],
[class~="bg-purple-50"],
[class~="bg-purple-100"],
[class~="bg-purple-200"],
[class~="bg-orange-50"],
[class~="bg-orange-100"],
[class~="bg-orange-200"],
[class~="bg-pink-50"],
[class~="bg-pink-100"],
[class~="bg-pink-200"],
[class~="bg-indigo-50"],
[class~="bg-indigo-100"],
[class~="bg-indigo-200"],
[class~="bg-teal-50"],
[class~="bg-teal-100"],
[class~="bg-teal-200"],
[class~="bg-emerald-50"],
[class~="bg-emerald-100"],
[class~="bg-emerald-200"],
[class~="bg-cyan-50"],
[class~="bg-cyan-100"],
[class~="bg-cyan-200"],
[class~="bg-violet-50"],
[class~="bg-violet-100"],
[class~="bg-violet-200"],
[class~="bg-sky-50"],
[class~="bg-sky-100"],
[class~="bg-sky-200"],
[class~="bg-lime-50"],
[class~="bg-lime-100"],
[class~="bg-lime-200"],
[class~="bg-fuchsia-50"],
[class~="bg-fuchsia-100"],
[class~="bg-fuchsia-200"],
[class~="from-blue-50"],
[class~="from-green-50"],
[class~="from-purple-50"],
[class~="from-orange-50"],
[class~="from-pink-50"],
[class~="from-indigo-50"],
[class~="from-teal-50"],
[class~="from-emerald-50"],
[class~="from-cyan-50"],
[class~="from-violet-50"],
[class~="from-sky-50"],
[class~="from-lime-50"],
[class~="from-fuchsia-50"]
):not(:has(> :is(.material-symbols-outlined, .material-symbols-rounded, .material-icons, .material-icons-outlined, i[class*="fa-"], svg)):is(:is([class*=" w-1"], [class^="w-1"], [class*=" w-2"], [class^="w-2"], [class*=" w-3"], [class^="w-3"], [class*=" w-4"], [class^="w-4"], [class*=" w-5"], [class^="w-5"], [class*=" w-6"], [class^="w-6"], [class*=" w-7"], [class^="w-7"], [class*=" w-8"], [class^="w-8"], [class*=" w-9"], [class^="w-9"]):is([class*=" h-1"], [class^="h-1"], [class*=" h-2"], [class^="h-2"], [class*=" h-3"], [class^="h-3"], [class*=" h-4"], [class^="h-4"], [class*=" h-5"], [class^="h-5"], [class*=" h-6"], [class^="h-6"], [class*=" h-7"], [class^="h-7"], [class*=" h-8"], [class^="h-8"], [class*=" h-9"], [class^="h-9"]), [class*=" size-"], [class^="size-"], .icon-box, .icon-container, .quick-link-icon, .resource-icon, .branch-icon)) :is(
[class~="text-blue-500"],
[class~="text-blue-600"],
[class~="text-blue-700"],
[class~="text-blue-800"],
[class~="text-blue-900"],
[class~="text-green-500"],
[class~="text-green-600"],
[class~="text-green-700"],
[class~="text-green-800"],
[class~="text-green-900"],
[class~="text-purple-500"],
[class~="text-purple-600"],
[class~="text-purple-700"],
[class~="text-purple-800"],
[class~="text-purple-900"],
[class~="text-orange-500"],
[class~="text-orange-600"],
[class~="text-orange-700"],
[class~="text-orange-800"],
[class~="text-orange-900"],
[class~="text-pink-500"],
[class~="text-pink-600"],
[class~="text-pink-700"],
[class~="text-pink-800"],
[class~="text-pink-900"],
[class~="text-indigo-500"],
[class~="text-indigo-600"],
[class~="text-indigo-700"],
[class~="text-indigo-800"],
[class~="text-indigo-900"],
[class~="text-teal-500"],
[class~="text-teal-600"],
[class~="text-teal-700"],
[class~="text-teal-800"],
[class~="text-teal-900"],
[class~="text-emerald-500"],
[class~="text-emerald-600"],
[class~="text-emerald-700"],
[class~="text-emerald-800"],
[class~="text-emerald-900"],
[class~="text-cyan-500"],
[class~="text-cyan-600"],
[class~="text-cyan-700"],
[class~="text-cyan-800"],
[class~="text-cyan-900"],
[class~="text-violet-500"],
[class~="text-violet-600"],
[class~="text-violet-700"],
[class~="text-violet-800"],
[class~="text-violet-900"],
[class~="text-sky-500"],
[class~="text-sky-600"],
[class~="text-sky-700"],
[class~="text-sky-800"],
[class~="text-sky-900"],
[class~="text-lime-500"],
[class~="text-lime-600"],
[class~="text-lime-700"],
[class~="text-lime-800"],
[class~="text-lime-900"],
[class~="text-fuchsia-500"],
[class~="text-fuchsia-600"],
[class~="text-fuchsia-700"],
[class~="text-fuchsia-800"],
[class~="text-fuchsia-900"]
) {
    color: var(--vvu-icon-navy) !important;
}

/* ---- Icons that carry their own rainbow colour class ------------------- */
:is(.material-symbols-outlined, .material-symbols-rounded, .material-icons, .material-icons-outlined, i[class*="fa-"], svg):is(
[class~="text-blue-500"],
[class~="text-blue-600"],
[class~="text-blue-700"],
[class~="text-blue-800"],
[class~="text-blue-900"],
[class~="text-green-500"],
[class~="text-green-600"],
[class~="text-green-700"],
[class~="text-green-800"],
[class~="text-green-900"],
[class~="text-purple-500"],
[class~="text-purple-600"],
[class~="text-purple-700"],
[class~="text-purple-800"],
[class~="text-purple-900"],
[class~="text-orange-500"],
[class~="text-orange-600"],
[class~="text-orange-700"],
[class~="text-orange-800"],
[class~="text-orange-900"],
[class~="text-pink-500"],
[class~="text-pink-600"],
[class~="text-pink-700"],
[class~="text-pink-800"],
[class~="text-pink-900"],
[class~="text-indigo-500"],
[class~="text-indigo-600"],
[class~="text-indigo-700"],
[class~="text-indigo-800"],
[class~="text-indigo-900"],
[class~="text-teal-500"],
[class~="text-teal-600"],
[class~="text-teal-700"],
[class~="text-teal-800"],
[class~="text-teal-900"],
[class~="text-emerald-500"],
[class~="text-emerald-600"],
[class~="text-emerald-700"],
[class~="text-emerald-800"],
[class~="text-emerald-900"],
[class~="text-cyan-500"],
[class~="text-cyan-600"],
[class~="text-cyan-700"],
[class~="text-cyan-800"],
[class~="text-cyan-900"],
[class~="text-violet-500"],
[class~="text-violet-600"],
[class~="text-violet-700"],
[class~="text-violet-800"],
[class~="text-violet-900"],
[class~="text-sky-500"],
[class~="text-sky-600"],
[class~="text-sky-700"],
[class~="text-sky-800"],
[class~="text-sky-900"],
[class~="text-lime-500"],
[class~="text-lime-600"],
[class~="text-lime-700"],
[class~="text-lime-800"],
[class~="text-lime-900"],
[class~="text-fuchsia-500"],
[class~="text-fuchsia-600"],
[class~="text-fuchsia-700"],
[class~="text-fuchsia-800"],
[class~="text-fuchsia-900"]
) {
    color: var(--vvu-icon-navy) !important;
}

/* ---- Heading divider bars and other thin accent rules -> university gold - */
:not(a, button):is(
[class~="bg-blue-300"],
[class~="bg-blue-400"],
[class~="bg-blue-500"],
[class~="bg-blue-600"],
[class~="bg-blue-700"],
[class~="bg-blue-800"],
[class~="bg-blue-900"],
[class~="bg-blue-950"],
[class~="bg-green-300"],
[class~="bg-green-400"],
[class~="bg-green-500"],
[class~="bg-green-600"],
[class~="bg-green-700"],
[class~="bg-green-800"],
[class~="bg-green-900"],
[class~="bg-green-950"],
[class~="bg-purple-300"],
[class~="bg-purple-400"],
[class~="bg-purple-500"],
[class~="bg-purple-600"],
[class~="bg-purple-700"],
[class~="bg-purple-800"],
[class~="bg-purple-900"],
[class~="bg-purple-950"],
[class~="bg-orange-300"],
[class~="bg-orange-400"],
[class~="bg-orange-500"],
[class~="bg-orange-600"],
[class~="bg-orange-700"],
[class~="bg-orange-800"],
[class~="bg-orange-900"],
[class~="bg-orange-950"],
[class~="bg-red-300"],
[class~="bg-red-400"],
[class~="bg-red-500"],
[class~="bg-red-600"],
[class~="bg-red-700"],
[class~="bg-red-800"],
[class~="bg-red-900"],
[class~="bg-red-950"],
[class~="bg-pink-300"],
[class~="bg-pink-400"],
[class~="bg-pink-500"],
[class~="bg-pink-600"],
[class~="bg-pink-700"],
[class~="bg-pink-800"],
[class~="bg-pink-900"],
[class~="bg-pink-950"],
[class~="bg-indigo-300"],
[class~="bg-indigo-400"],
[class~="bg-indigo-500"],
[class~="bg-indigo-600"],
[class~="bg-indigo-700"],
[class~="bg-indigo-800"],
[class~="bg-indigo-900"],
[class~="bg-indigo-950"],
[class~="bg-teal-300"],
[class~="bg-teal-400"],
[class~="bg-teal-500"],
[class~="bg-teal-600"],
[class~="bg-teal-700"],
[class~="bg-teal-800"],
[class~="bg-teal-900"],
[class~="bg-teal-950"],
[class~="bg-emerald-300"],
[class~="bg-emerald-400"],
[class~="bg-emerald-500"],
[class~="bg-emerald-600"],
[class~="bg-emerald-700"],
[class~="bg-emerald-800"],
[class~="bg-emerald-900"],
[class~="bg-emerald-950"],
[class~="bg-cyan-300"],
[class~="bg-cyan-400"],
[class~="bg-cyan-500"],
[class~="bg-cyan-600"],
[class~="bg-cyan-700"],
[class~="bg-cyan-800"],
[class~="bg-cyan-900"],
[class~="bg-cyan-950"],
[class~="bg-rose-300"],
[class~="bg-rose-400"],
[class~="bg-rose-500"],
[class~="bg-rose-600"],
[class~="bg-rose-700"],
[class~="bg-rose-800"],
[class~="bg-rose-900"],
[class~="bg-rose-950"],
[class~="bg-violet-300"],
[class~="bg-violet-400"],
[class~="bg-violet-500"],
[class~="bg-violet-600"],
[class~="bg-violet-700"],
[class~="bg-violet-800"],
[class~="bg-violet-900"],
[class~="bg-violet-950"],
[class~="bg-sky-300"],
[class~="bg-sky-400"],
[class~="bg-sky-500"],
[class~="bg-sky-600"],
[class~="bg-sky-700"],
[class~="bg-sky-800"],
[class~="bg-sky-900"],
[class~="bg-sky-950"],
[class~="bg-lime-300"],
[class~="bg-lime-400"],
[class~="bg-lime-500"],
[class~="bg-lime-600"],
[class~="bg-lime-700"],
[class~="bg-lime-800"],
[class~="bg-lime-900"],
[class~="bg-lime-950"],
[class~="bg-fuchsia-300"],
[class~="bg-fuchsia-400"],
[class~="bg-fuchsia-500"],
[class~="bg-fuchsia-600"],
[class~="bg-fuchsia-700"],
[class~="bg-fuchsia-800"],
[class~="bg-fuchsia-900"],
[class~="bg-fuchsia-950"],
[class~="from-blue-300"],
[class~="from-blue-400"],
[class~="from-blue-500"],
[class~="from-blue-600"],
[class~="from-blue-700"],
[class~="from-blue-800"],
[class~="from-blue-900"],
[class~="from-blue-950"],
[class~="from-green-300"],
[class~="from-green-400"],
[class~="from-green-500"],
[class~="from-green-600"],
[class~="from-green-700"],
[class~="from-green-800"],
[class~="from-green-900"],
[class~="from-green-950"],
[class~="from-purple-300"],
[class~="from-purple-400"],
[class~="from-purple-500"],
[class~="from-purple-600"],
[class~="from-purple-700"],
[class~="from-purple-800"],
[class~="from-purple-900"],
[class~="from-purple-950"],
[class~="from-orange-300"],
[class~="from-orange-400"],
[class~="from-orange-500"],
[class~="from-orange-600"],
[class~="from-orange-700"],
[class~="from-orange-800"],
[class~="from-orange-900"],
[class~="from-orange-950"],
[class~="from-red-300"],
[class~="from-red-400"],
[class~="from-red-500"],
[class~="from-red-600"],
[class~="from-red-700"],
[class~="from-red-800"],
[class~="from-red-900"],
[class~="from-red-950"],
[class~="from-pink-300"],
[class~="from-pink-400"],
[class~="from-pink-500"],
[class~="from-pink-600"],
[class~="from-pink-700"],
[class~="from-pink-800"],
[class~="from-pink-900"],
[class~="from-pink-950"],
[class~="from-indigo-300"],
[class~="from-indigo-400"],
[class~="from-indigo-500"],
[class~="from-indigo-600"],
[class~="from-indigo-700"],
[class~="from-indigo-800"],
[class~="from-indigo-900"],
[class~="from-indigo-950"],
[class~="from-teal-300"],
[class~="from-teal-400"],
[class~="from-teal-500"],
[class~="from-teal-600"],
[class~="from-teal-700"],
[class~="from-teal-800"],
[class~="from-teal-900"],
[class~="from-teal-950"],
[class~="from-emerald-300"],
[class~="from-emerald-400"],
[class~="from-emerald-500"],
[class~="from-emerald-600"],
[class~="from-emerald-700"],
[class~="from-emerald-800"],
[class~="from-emerald-900"],
[class~="from-emerald-950"],
[class~="from-cyan-300"],
[class~="from-cyan-400"],
[class~="from-cyan-500"],
[class~="from-cyan-600"],
[class~="from-cyan-700"],
[class~="from-cyan-800"],
[class~="from-cyan-900"],
[class~="from-cyan-950"],
[class~="from-rose-300"],
[class~="from-rose-400"],
[class~="from-rose-500"],
[class~="from-rose-600"],
[class~="from-rose-700"],
[class~="from-rose-800"],
[class~="from-rose-900"],
[class~="from-rose-950"],
[class~="from-violet-300"],
[class~="from-violet-400"],
[class~="from-violet-500"],
[class~="from-violet-600"],
[class~="from-violet-700"],
[class~="from-violet-800"],
[class~="from-violet-900"],
[class~="from-violet-950"],
[class~="from-sky-300"],
[class~="from-sky-400"],
[class~="from-sky-500"],
[class~="from-sky-600"],
[class~="from-sky-700"],
[class~="from-sky-800"],
[class~="from-sky-900"],
[class~="from-sky-950"],
[class~="from-lime-300"],
[class~="from-lime-400"],
[class~="from-lime-500"],
[class~="from-lime-600"],
[class~="from-lime-700"],
[class~="from-lime-800"],
[class~="from-lime-900"],
[class~="from-lime-950"],
[class~="from-fuchsia-300"],
[class~="from-fuchsia-400"],
[class~="from-fuchsia-500"],
[class~="from-fuchsia-600"],
[class~="from-fuchsia-700"],
[class~="from-fuchsia-800"],
[class~="from-fuchsia-900"],
[class~="from-fuchsia-950"]
):is([class~="h-0.5"], [class~="h-1"], [class~="h-1.5"], [class~="h-2"], [class~="h-3"]):is([class~="w-10"], [class~="w-12"], [class~="w-16"], [class~="w-20"], [class~="w-24"], [class~="w-28"], [class~="w-32"], [class~="w-36"], [class~="w-40"], [class~="w-48"], [class~="w-56"], [class~="w-64"]):not(:has(*)) {
    background-color: var(--vvu-gold, #f0b429) !important;
    background-image: none !important;
}

/* ---- Inside dark blue / charcoal bands ---------------------------------
   VVU blue is the same colour as the bg-blue-900 bands used for CTAs, so a
   VVU-blue button or tile there would disappear. Buttons become gold with
   blue text (the site's CTA style). */
:is([class~="bg-blue-800"], [class~="from-blue-800"], [class~="bg-blue-900"], [class~="from-blue-900"], [class~="bg-blue-950"], [class~="from-blue-950"], [class~="bg-green-800"], [class~="from-green-800"], [class~="bg-green-900"], [class~="from-green-900"], [class~="bg-green-950"], [class~="from-green-950"], [class~="bg-purple-800"], [class~="from-purple-800"], [class~="bg-purple-900"], [class~="from-purple-900"], [class~="bg-purple-950"], [class~="from-purple-950"], [class~="bg-yellow-800"], [class~="from-yellow-800"], [class~="bg-yellow-900"], [class~="from-yellow-900"], [class~="bg-yellow-950"], [class~="from-yellow-950"], [class~="bg-orange-800"], [class~="from-orange-800"], [class~="bg-orange-900"], [class~="from-orange-900"], [class~="bg-orange-950"], [class~="from-orange-950"], [class~="bg-red-800"], [class~="from-red-800"], [class~="bg-red-900"], [class~="from-red-900"], [class~="bg-red-950"], [class~="from-red-950"], [class~="bg-pink-800"], [class~="from-pink-800"], [class~="bg-pink-900"], [class~="from-pink-900"], [class~="bg-pink-950"], [class~="from-pink-950"], [class~="bg-indigo-800"], [class~="from-indigo-800"], [class~="bg-indigo-900"], [class~="from-indigo-900"], [class~="bg-indigo-950"], [class~="from-indigo-950"], [class~="bg-teal-800"], [class~="from-teal-800"], [class~="bg-teal-900"], [class~="from-teal-900"], [class~="bg-teal-950"], [class~="from-teal-950"], [class~="bg-emerald-800"], [class~="from-emerald-800"], [class~="bg-emerald-900"], [class~="from-emerald-900"], [class~="bg-emerald-950"], [class~="from-emerald-950"], [class~="bg-cyan-800"], [class~="from-cyan-800"], [class~="bg-cyan-900"], [class~="from-cyan-900"], [class~="bg-cyan-950"], [class~="from-cyan-950"], [class~="bg-amber-800"], [class~="from-amber-800"], [class~="bg-amber-900"], [class~="from-amber-900"], [class~="bg-amber-950"], [class~="from-amber-950"], [class~="bg-rose-800"], [class~="from-rose-800"], [class~="bg-rose-900"], [class~="from-rose-900"], [class~="bg-rose-950"], [class~="from-rose-950"], [class~="bg-violet-800"], [class~="from-violet-800"], [class~="bg-violet-900"], [class~="from-violet-900"], [class~="bg-violet-950"], [class~="from-violet-950"], [class~="bg-sky-800"], [class~="from-sky-800"], [class~="bg-sky-900"], [class~="from-sky-900"], [class~="bg-sky-950"], [class~="from-sky-950"], [class~="bg-lime-800"], [class~="from-lime-800"], [class~="bg-lime-900"], [class~="from-lime-900"], [class~="bg-lime-950"], [class~="from-lime-950"], [class~="bg-fuchsia-800"], [class~="from-fuchsia-800"], [class~="bg-fuchsia-900"], [class~="from-fuchsia-900"], [class~="bg-fuchsia-950"], [class~="from-fuchsia-950"], [class~="bg-gray-900"], [class~="bg-gray-950"], [class~="bg-slate-900"], [class~="bg-slate-950"], [class~="bg-zinc-900"], [class~="bg-zinc-950"], [class~="bg-neutral-900"], [class~="bg-neutral-950"]) :is(a, button):is(
[class~="bg-blue-300"],
[class~="bg-blue-400"],
[class~="bg-blue-500"],
[class~="bg-blue-600"],
[class~="bg-blue-700"],
[class~="bg-blue-800"],
[class~="bg-blue-900"],
[class~="bg-blue-950"],
[class~="bg-green-300"],
[class~="bg-green-400"],
[class~="bg-green-500"],
[class~="bg-green-600"],
[class~="bg-green-700"],
[class~="bg-green-800"],
[class~="bg-green-900"],
[class~="bg-green-950"],
[class~="bg-purple-300"],
[class~="bg-purple-400"],
[class~="bg-purple-500"],
[class~="bg-purple-600"],
[class~="bg-purple-700"],
[class~="bg-purple-800"],
[class~="bg-purple-900"],
[class~="bg-purple-950"],
[class~="bg-orange-300"],
[class~="bg-orange-400"],
[class~="bg-orange-500"],
[class~="bg-orange-600"],
[class~="bg-orange-700"],
[class~="bg-orange-800"],
[class~="bg-orange-900"],
[class~="bg-orange-950"],
[class~="bg-red-300"],
[class~="bg-red-400"],
[class~="bg-red-500"],
[class~="bg-red-600"],
[class~="bg-red-700"],
[class~="bg-red-800"],
[class~="bg-red-900"],
[class~="bg-red-950"],
[class~="bg-pink-300"],
[class~="bg-pink-400"],
[class~="bg-pink-500"],
[class~="bg-pink-600"],
[class~="bg-pink-700"],
[class~="bg-pink-800"],
[class~="bg-pink-900"],
[class~="bg-pink-950"],
[class~="bg-indigo-300"],
[class~="bg-indigo-400"],
[class~="bg-indigo-500"],
[class~="bg-indigo-600"],
[class~="bg-indigo-700"],
[class~="bg-indigo-800"],
[class~="bg-indigo-900"],
[class~="bg-indigo-950"],
[class~="bg-teal-300"],
[class~="bg-teal-400"],
[class~="bg-teal-500"],
[class~="bg-teal-600"],
[class~="bg-teal-700"],
[class~="bg-teal-800"],
[class~="bg-teal-900"],
[class~="bg-teal-950"],
[class~="bg-emerald-300"],
[class~="bg-emerald-400"],
[class~="bg-emerald-500"],
[class~="bg-emerald-600"],
[class~="bg-emerald-700"],
[class~="bg-emerald-800"],
[class~="bg-emerald-900"],
[class~="bg-emerald-950"],
[class~="bg-cyan-300"],
[class~="bg-cyan-400"],
[class~="bg-cyan-500"],
[class~="bg-cyan-600"],
[class~="bg-cyan-700"],
[class~="bg-cyan-800"],
[class~="bg-cyan-900"],
[class~="bg-cyan-950"],
[class~="bg-rose-300"],
[class~="bg-rose-400"],
[class~="bg-rose-500"],
[class~="bg-rose-600"],
[class~="bg-rose-700"],
[class~="bg-rose-800"],
[class~="bg-rose-900"],
[class~="bg-rose-950"],
[class~="bg-violet-300"],
[class~="bg-violet-400"],
[class~="bg-violet-500"],
[class~="bg-violet-600"],
[class~="bg-violet-700"],
[class~="bg-violet-800"],
[class~="bg-violet-900"],
[class~="bg-violet-950"],
[class~="bg-sky-300"],
[class~="bg-sky-400"],
[class~="bg-sky-500"],
[class~="bg-sky-600"],
[class~="bg-sky-700"],
[class~="bg-sky-800"],
[class~="bg-sky-900"],
[class~="bg-sky-950"],
[class~="bg-lime-300"],
[class~="bg-lime-400"],
[class~="bg-lime-500"],
[class~="bg-lime-600"],
[class~="bg-lime-700"],
[class~="bg-lime-800"],
[class~="bg-lime-900"],
[class~="bg-lime-950"],
[class~="bg-fuchsia-300"],
[class~="bg-fuchsia-400"],
[class~="bg-fuchsia-500"],
[class~="bg-fuchsia-600"],
[class~="bg-fuchsia-700"],
[class~="bg-fuchsia-800"],
[class~="bg-fuchsia-900"],
[class~="bg-fuchsia-950"],
[class~="from-blue-300"],
[class~="from-blue-400"],
[class~="from-blue-500"],
[class~="from-blue-600"],
[class~="from-blue-700"],
[class~="from-blue-800"],
[class~="from-blue-900"],
[class~="from-blue-950"],
[class~="from-green-300"],
[class~="from-green-400"],
[class~="from-green-500"],
[class~="from-green-600"],
[class~="from-green-700"],
[class~="from-green-800"],
[class~="from-green-900"],
[class~="from-green-950"],
[class~="from-purple-300"],
[class~="from-purple-400"],
[class~="from-purple-500"],
[class~="from-purple-600"],
[class~="from-purple-700"],
[class~="from-purple-800"],
[class~="from-purple-900"],
[class~="from-purple-950"],
[class~="from-orange-300"],
[class~="from-orange-400"],
[class~="from-orange-500"],
[class~="from-orange-600"],
[class~="from-orange-700"],
[class~="from-orange-800"],
[class~="from-orange-900"],
[class~="from-orange-950"],
[class~="from-red-300"],
[class~="from-red-400"],
[class~="from-red-500"],
[class~="from-red-600"],
[class~="from-red-700"],
[class~="from-red-800"],
[class~="from-red-900"],
[class~="from-red-950"],
[class~="from-pink-300"],
[class~="from-pink-400"],
[class~="from-pink-500"],
[class~="from-pink-600"],
[class~="from-pink-700"],
[class~="from-pink-800"],
[class~="from-pink-900"],
[class~="from-pink-950"],
[class~="from-indigo-300"],
[class~="from-indigo-400"],
[class~="from-indigo-500"],
[class~="from-indigo-600"],
[class~="from-indigo-700"],
[class~="from-indigo-800"],
[class~="from-indigo-900"],
[class~="from-indigo-950"],
[class~="from-teal-300"],
[class~="from-teal-400"],
[class~="from-teal-500"],
[class~="from-teal-600"],
[class~="from-teal-700"],
[class~="from-teal-800"],
[class~="from-teal-900"],
[class~="from-teal-950"],
[class~="from-emerald-300"],
[class~="from-emerald-400"],
[class~="from-emerald-500"],
[class~="from-emerald-600"],
[class~="from-emerald-700"],
[class~="from-emerald-800"],
[class~="from-emerald-900"],
[class~="from-emerald-950"],
[class~="from-cyan-300"],
[class~="from-cyan-400"],
[class~="from-cyan-500"],
[class~="from-cyan-600"],
[class~="from-cyan-700"],
[class~="from-cyan-800"],
[class~="from-cyan-900"],
[class~="from-cyan-950"],
[class~="from-rose-300"],
[class~="from-rose-400"],
[class~="from-rose-500"],
[class~="from-rose-600"],
[class~="from-rose-700"],
[class~="from-rose-800"],
[class~="from-rose-900"],
[class~="from-rose-950"],
[class~="from-violet-300"],
[class~="from-violet-400"],
[class~="from-violet-500"],
[class~="from-violet-600"],
[class~="from-violet-700"],
[class~="from-violet-800"],
[class~="from-violet-900"],
[class~="from-violet-950"],
[class~="from-sky-300"],
[class~="from-sky-400"],
[class~="from-sky-500"],
[class~="from-sky-600"],
[class~="from-sky-700"],
[class~="from-sky-800"],
[class~="from-sky-900"],
[class~="from-sky-950"],
[class~="from-lime-300"],
[class~="from-lime-400"],
[class~="from-lime-500"],
[class~="from-lime-600"],
[class~="from-lime-700"],
[class~="from-lime-800"],
[class~="from-lime-900"],
[class~="from-lime-950"],
[class~="from-fuchsia-300"],
[class~="from-fuchsia-400"],
[class~="from-fuchsia-500"],
[class~="from-fuchsia-600"],
[class~="from-fuchsia-700"],
[class~="from-fuchsia-800"],
[class~="from-fuchsia-900"],
[class~="from-fuchsia-950"]
):not([href*="wa.me"], [href*="whatsapp"]) {
    background-color: var(--vvu-gold, #f0b429) !important;
    color: var(--vvu-icon-navy) !important;
}
:is([class~="bg-blue-800"], [class~="from-blue-800"], [class~="bg-blue-900"], [class~="from-blue-900"], [class~="bg-blue-950"], [class~="from-blue-950"], [class~="bg-green-800"], [class~="from-green-800"], [class~="bg-green-900"], [class~="from-green-900"], [class~="bg-green-950"], [class~="from-green-950"], [class~="bg-purple-800"], [class~="from-purple-800"], [class~="bg-purple-900"], [class~="from-purple-900"], [class~="bg-purple-950"], [class~="from-purple-950"], [class~="bg-yellow-800"], [class~="from-yellow-800"], [class~="bg-yellow-900"], [class~="from-yellow-900"], [class~="bg-yellow-950"], [class~="from-yellow-950"], [class~="bg-orange-800"], [class~="from-orange-800"], [class~="bg-orange-900"], [class~="from-orange-900"], [class~="bg-orange-950"], [class~="from-orange-950"], [class~="bg-red-800"], [class~="from-red-800"], [class~="bg-red-900"], [class~="from-red-900"], [class~="bg-red-950"], [class~="from-red-950"], [class~="bg-pink-800"], [class~="from-pink-800"], [class~="bg-pink-900"], [class~="from-pink-900"], [class~="bg-pink-950"], [class~="from-pink-950"], [class~="bg-indigo-800"], [class~="from-indigo-800"], [class~="bg-indigo-900"], [class~="from-indigo-900"], [class~="bg-indigo-950"], [class~="from-indigo-950"], [class~="bg-teal-800"], [class~="from-teal-800"], [class~="bg-teal-900"], [class~="from-teal-900"], [class~="bg-teal-950"], [class~="from-teal-950"], [class~="bg-emerald-800"], [class~="from-emerald-800"], [class~="bg-emerald-900"], [class~="from-emerald-900"], [class~="bg-emerald-950"], [class~="from-emerald-950"], [class~="bg-cyan-800"], [class~="from-cyan-800"], [class~="bg-cyan-900"], [class~="from-cyan-900"], [class~="bg-cyan-950"], [class~="from-cyan-950"], [class~="bg-amber-800"], [class~="from-amber-800"], [class~="bg-amber-900"], [class~="from-amber-900"], [class~="bg-amber-950"], [class~="from-amber-950"], [class~="bg-rose-800"], [class~="from-rose-800"], [class~="bg-rose-900"], [class~="from-rose-900"], [class~="bg-rose-950"], [class~="from-rose-950"], [class~="bg-violet-800"], [class~="from-violet-800"], [class~="bg-violet-900"], [class~="from-violet-900"], [class~="bg-violet-950"], [class~="from-violet-950"], [class~="bg-sky-800"], [class~="from-sky-800"], [class~="bg-sky-900"], [class~="from-sky-900"], [class~="bg-sky-950"], [class~="from-sky-950"], [class~="bg-lime-800"], [class~="from-lime-800"], [class~="bg-lime-900"], [class~="from-lime-900"], [class~="bg-lime-950"], [class~="from-lime-950"], [class~="bg-fuchsia-800"], [class~="from-fuchsia-800"], [class~="bg-fuchsia-900"], [class~="from-fuchsia-900"], [class~="bg-fuchsia-950"], [class~="from-fuchsia-950"], [class~="bg-gray-900"], [class~="bg-gray-950"], [class~="bg-slate-900"], [class~="bg-slate-950"], [class~="bg-zinc-900"], [class~="bg-zinc-950"], [class~="bg-neutral-900"], [class~="bg-neutral-950"]) :is(a, button):is(
[class~="bg-blue-300"],
[class~="bg-blue-400"],
[class~="bg-blue-500"],
[class~="bg-blue-600"],
[class~="bg-blue-700"],
[class~="bg-blue-800"],
[class~="bg-blue-900"],
[class~="bg-blue-950"],
[class~="bg-green-300"],
[class~="bg-green-400"],
[class~="bg-green-500"],
[class~="bg-green-600"],
[class~="bg-green-700"],
[class~="bg-green-800"],
[class~="bg-green-900"],
[class~="bg-green-950"],
[class~="bg-purple-300"],
[class~="bg-purple-400"],
[class~="bg-purple-500"],
[class~="bg-purple-600"],
[class~="bg-purple-700"],
[class~="bg-purple-800"],
[class~="bg-purple-900"],
[class~="bg-purple-950"],
[class~="bg-orange-300"],
[class~="bg-orange-400"],
[class~="bg-orange-500"],
[class~="bg-orange-600"],
[class~="bg-orange-700"],
[class~="bg-orange-800"],
[class~="bg-orange-900"],
[class~="bg-orange-950"],
[class~="bg-red-300"],
[class~="bg-red-400"],
[class~="bg-red-500"],
[class~="bg-red-600"],
[class~="bg-red-700"],
[class~="bg-red-800"],
[class~="bg-red-900"],
[class~="bg-red-950"],
[class~="bg-pink-300"],
[class~="bg-pink-400"],
[class~="bg-pink-500"],
[class~="bg-pink-600"],
[class~="bg-pink-700"],
[class~="bg-pink-800"],
[class~="bg-pink-900"],
[class~="bg-pink-950"],
[class~="bg-indigo-300"],
[class~="bg-indigo-400"],
[class~="bg-indigo-500"],
[class~="bg-indigo-600"],
[class~="bg-indigo-700"],
[class~="bg-indigo-800"],
[class~="bg-indigo-900"],
[class~="bg-indigo-950"],
[class~="bg-teal-300"],
[class~="bg-teal-400"],
[class~="bg-teal-500"],
[class~="bg-teal-600"],
[class~="bg-teal-700"],
[class~="bg-teal-800"],
[class~="bg-teal-900"],
[class~="bg-teal-950"],
[class~="bg-emerald-300"],
[class~="bg-emerald-400"],
[class~="bg-emerald-500"],
[class~="bg-emerald-600"],
[class~="bg-emerald-700"],
[class~="bg-emerald-800"],
[class~="bg-emerald-900"],
[class~="bg-emerald-950"],
[class~="bg-cyan-300"],
[class~="bg-cyan-400"],
[class~="bg-cyan-500"],
[class~="bg-cyan-600"],
[class~="bg-cyan-700"],
[class~="bg-cyan-800"],
[class~="bg-cyan-900"],
[class~="bg-cyan-950"],
[class~="bg-rose-300"],
[class~="bg-rose-400"],
[class~="bg-rose-500"],
[class~="bg-rose-600"],
[class~="bg-rose-700"],
[class~="bg-rose-800"],
[class~="bg-rose-900"],
[class~="bg-rose-950"],
[class~="bg-violet-300"],
[class~="bg-violet-400"],
[class~="bg-violet-500"],
[class~="bg-violet-600"],
[class~="bg-violet-700"],
[class~="bg-violet-800"],
[class~="bg-violet-900"],
[class~="bg-violet-950"],
[class~="bg-sky-300"],
[class~="bg-sky-400"],
[class~="bg-sky-500"],
[class~="bg-sky-600"],
[class~="bg-sky-700"],
[class~="bg-sky-800"],
[class~="bg-sky-900"],
[class~="bg-sky-950"],
[class~="bg-lime-300"],
[class~="bg-lime-400"],
[class~="bg-lime-500"],
[class~="bg-lime-600"],
[class~="bg-lime-700"],
[class~="bg-lime-800"],
[class~="bg-lime-900"],
[class~="bg-lime-950"],
[class~="bg-fuchsia-300"],
[class~="bg-fuchsia-400"],
[class~="bg-fuchsia-500"],
[class~="bg-fuchsia-600"],
[class~="bg-fuchsia-700"],
[class~="bg-fuchsia-800"],
[class~="bg-fuchsia-900"],
[class~="bg-fuchsia-950"],
[class~="from-blue-300"],
[class~="from-blue-400"],
[class~="from-blue-500"],
[class~="from-blue-600"],
[class~="from-blue-700"],
[class~="from-blue-800"],
[class~="from-blue-900"],
[class~="from-blue-950"],
[class~="from-green-300"],
[class~="from-green-400"],
[class~="from-green-500"],
[class~="from-green-600"],
[class~="from-green-700"],
[class~="from-green-800"],
[class~="from-green-900"],
[class~="from-green-950"],
[class~="from-purple-300"],
[class~="from-purple-400"],
[class~="from-purple-500"],
[class~="from-purple-600"],
[class~="from-purple-700"],
[class~="from-purple-800"],
[class~="from-purple-900"],
[class~="from-purple-950"],
[class~="from-orange-300"],
[class~="from-orange-400"],
[class~="from-orange-500"],
[class~="from-orange-600"],
[class~="from-orange-700"],
[class~="from-orange-800"],
[class~="from-orange-900"],
[class~="from-orange-950"],
[class~="from-red-300"],
[class~="from-red-400"],
[class~="from-red-500"],
[class~="from-red-600"],
[class~="from-red-700"],
[class~="from-red-800"],
[class~="from-red-900"],
[class~="from-red-950"],
[class~="from-pink-300"],
[class~="from-pink-400"],
[class~="from-pink-500"],
[class~="from-pink-600"],
[class~="from-pink-700"],
[class~="from-pink-800"],
[class~="from-pink-900"],
[class~="from-pink-950"],
[class~="from-indigo-300"],
[class~="from-indigo-400"],
[class~="from-indigo-500"],
[class~="from-indigo-600"],
[class~="from-indigo-700"],
[class~="from-indigo-800"],
[class~="from-indigo-900"],
[class~="from-indigo-950"],
[class~="from-teal-300"],
[class~="from-teal-400"],
[class~="from-teal-500"],
[class~="from-teal-600"],
[class~="from-teal-700"],
[class~="from-teal-800"],
[class~="from-teal-900"],
[class~="from-teal-950"],
[class~="from-emerald-300"],
[class~="from-emerald-400"],
[class~="from-emerald-500"],
[class~="from-emerald-600"],
[class~="from-emerald-700"],
[class~="from-emerald-800"],
[class~="from-emerald-900"],
[class~="from-emerald-950"],
[class~="from-cyan-300"],
[class~="from-cyan-400"],
[class~="from-cyan-500"],
[class~="from-cyan-600"],
[class~="from-cyan-700"],
[class~="from-cyan-800"],
[class~="from-cyan-900"],
[class~="from-cyan-950"],
[class~="from-rose-300"],
[class~="from-rose-400"],
[class~="from-rose-500"],
[class~="from-rose-600"],
[class~="from-rose-700"],
[class~="from-rose-800"],
[class~="from-rose-900"],
[class~="from-rose-950"],
[class~="from-violet-300"],
[class~="from-violet-400"],
[class~="from-violet-500"],
[class~="from-violet-600"],
[class~="from-violet-700"],
[class~="from-violet-800"],
[class~="from-violet-900"],
[class~="from-violet-950"],
[class~="from-sky-300"],
[class~="from-sky-400"],
[class~="from-sky-500"],
[class~="from-sky-600"],
[class~="from-sky-700"],
[class~="from-sky-800"],
[class~="from-sky-900"],
[class~="from-sky-950"],
[class~="from-lime-300"],
[class~="from-lime-400"],
[class~="from-lime-500"],
[class~="from-lime-600"],
[class~="from-lime-700"],
[class~="from-lime-800"],
[class~="from-lime-900"],
[class~="from-lime-950"],
[class~="from-fuchsia-300"],
[class~="from-fuchsia-400"],
[class~="from-fuchsia-500"],
[class~="from-fuchsia-600"],
[class~="from-fuchsia-700"],
[class~="from-fuchsia-800"],
[class~="from-fuchsia-900"],
[class~="from-fuchsia-950"]
):not([href*="wa.me"], [href*="whatsapp"]):hover {
    background-color: #f7d67e !important;
}
/* Tiles keep their VVU blue (they may sit on a white card inside the band);
   a light ring keeps their outline visible against the band itself. */
:is([class~="bg-blue-800"], [class~="from-blue-800"], [class~="bg-blue-900"], [class~="from-blue-900"], [class~="bg-blue-950"], [class~="from-blue-950"], [class~="bg-green-800"], [class~="from-green-800"], [class~="bg-green-900"], [class~="from-green-900"], [class~="bg-green-950"], [class~="from-green-950"], [class~="bg-purple-800"], [class~="from-purple-800"], [class~="bg-purple-900"], [class~="from-purple-900"], [class~="bg-purple-950"], [class~="from-purple-950"], [class~="bg-yellow-800"], [class~="from-yellow-800"], [class~="bg-yellow-900"], [class~="from-yellow-900"], [class~="bg-yellow-950"], [class~="from-yellow-950"], [class~="bg-orange-800"], [class~="from-orange-800"], [class~="bg-orange-900"], [class~="from-orange-900"], [class~="bg-orange-950"], [class~="from-orange-950"], [class~="bg-red-800"], [class~="from-red-800"], [class~="bg-red-900"], [class~="from-red-900"], [class~="bg-red-950"], [class~="from-red-950"], [class~="bg-pink-800"], [class~="from-pink-800"], [class~="bg-pink-900"], [class~="from-pink-900"], [class~="bg-pink-950"], [class~="from-pink-950"], [class~="bg-indigo-800"], [class~="from-indigo-800"], [class~="bg-indigo-900"], [class~="from-indigo-900"], [class~="bg-indigo-950"], [class~="from-indigo-950"], [class~="bg-teal-800"], [class~="from-teal-800"], [class~="bg-teal-900"], [class~="from-teal-900"], [class~="bg-teal-950"], [class~="from-teal-950"], [class~="bg-emerald-800"], [class~="from-emerald-800"], [class~="bg-emerald-900"], [class~="from-emerald-900"], [class~="bg-emerald-950"], [class~="from-emerald-950"], [class~="bg-cyan-800"], [class~="from-cyan-800"], [class~="bg-cyan-900"], [class~="from-cyan-900"], [class~="bg-cyan-950"], [class~="from-cyan-950"], [class~="bg-amber-800"], [class~="from-amber-800"], [class~="bg-amber-900"], [class~="from-amber-900"], [class~="bg-amber-950"], [class~="from-amber-950"], [class~="bg-rose-800"], [class~="from-rose-800"], [class~="bg-rose-900"], [class~="from-rose-900"], [class~="bg-rose-950"], [class~="from-rose-950"], [class~="bg-violet-800"], [class~="from-violet-800"], [class~="bg-violet-900"], [class~="from-violet-900"], [class~="bg-violet-950"], [class~="from-violet-950"], [class~="bg-sky-800"], [class~="from-sky-800"], [class~="bg-sky-900"], [class~="from-sky-900"], [class~="bg-sky-950"], [class~="from-sky-950"], [class~="bg-lime-800"], [class~="from-lime-800"], [class~="bg-lime-900"], [class~="from-lime-900"], [class~="bg-lime-950"], [class~="from-lime-950"], [class~="bg-fuchsia-800"], [class~="from-fuchsia-800"], [class~="bg-fuchsia-900"], [class~="from-fuchsia-900"], [class~="bg-fuchsia-950"], [class~="from-fuchsia-950"], [class~="bg-gray-900"], [class~="bg-gray-950"], [class~="bg-slate-900"], [class~="bg-slate-950"], [class~="bg-zinc-900"], [class~="bg-zinc-950"], [class~="bg-neutral-900"], [class~="bg-neutral-950"]) :is(:not(a, button):is(
[class*=" bg-blue-"],
[class^="bg-blue-"],
[class*=" from-blue-"],
[class^="from-blue-"],
[class*=" bg-green-"],
[class^="bg-green-"],
[class*=" from-green-"],
[class^="from-green-"],
[class*=" bg-purple-"],
[class^="bg-purple-"],
[class*=" from-purple-"],
[class^="from-purple-"],
[class*=" bg-yellow-"],
[class^="bg-yellow-"],
[class*=" from-yellow-"],
[class^="from-yellow-"],
[class*=" bg-orange-"],
[class^="bg-orange-"],
[class*=" from-orange-"],
[class^="from-orange-"],
[class*=" bg-red-"],
[class^="bg-red-"],
[class*=" from-red-"],
[class^="from-red-"],
[class*=" bg-pink-"],
[class^="bg-pink-"],
[class*=" from-pink-"],
[class^="from-pink-"],
[class*=" bg-indigo-"],
[class^="bg-indigo-"],
[class*=" from-indigo-"],
[class^="from-indigo-"],
[class*=" bg-teal-"],
[class^="bg-teal-"],
[class*=" from-teal-"],
[class^="from-teal-"],
[class*=" bg-emerald-"],
[class^="bg-emerald-"],
[class*=" from-emerald-"],
[class^="from-emerald-"],
[class*=" bg-cyan-"],
[class^="bg-cyan-"],
[class*=" from-cyan-"],
[class^="from-cyan-"],
[class*=" bg-amber-"],
[class^="bg-amber-"],
[class*=" from-amber-"],
[class^="from-amber-"],
[class*=" bg-rose-"],
[class^="bg-rose-"],
[class*=" from-rose-"],
[class^="from-rose-"],
[class*=" bg-violet-"],
[class^="bg-violet-"],
[class*=" from-violet-"],
[class^="from-violet-"],
[class*=" bg-sky-"],
[class^="bg-sky-"],
[class*=" from-sky-"],
[class^="from-sky-"],
[class*=" bg-lime-"],
[class^="bg-lime-"],
[class*=" from-lime-"],
[class^="from-lime-"],
[class*=" bg-fuchsia-"],
[class^="bg-fuchsia-"],
[class*=" from-fuchsia-"],
[class^="from-fuchsia-"]
):is(:is([class*=" w-1"], [class^="w-1"], [class*=" w-2"], [class^="w-2"], [class*=" w-3"], [class^="w-3"], [class*=" w-4"], [class^="w-4"], [class*=" w-5"], [class^="w-5"], [class*=" w-6"], [class^="w-6"], [class*=" w-7"], [class^="w-7"], [class*=" w-8"], [class^="w-8"], [class*=" w-9"], [class^="w-9"]):is([class*=" h-1"], [class^="h-1"], [class*=" h-2"], [class^="h-2"], [class*=" h-3"], [class^="h-3"], [class*=" h-4"], [class^="h-4"], [class*=" h-5"], [class^="h-5"], [class*=" h-6"], [class^="h-6"], [class*=" h-7"], [class^="h-7"], [class*=" h-8"], [class^="h-8"], [class*=" h-9"], [class^="h-9"]), [class*=" size-"], [class^="size-"], .icon-box, .icon-container, .quick-link-icon, .resource-icon, .branch-icon):has(> :is(.material-symbols-outlined, .material-symbols-rounded, .material-icons, .material-icons-outlined, i[class*="fa-"], svg)), :not(a, button):is(
[class*=" bg-blue-"],
[class^="bg-blue-"],
[class*=" from-blue-"],
[class^="from-blue-"],
[class*=" bg-green-"],
[class^="bg-green-"],
[class*=" from-green-"],
[class^="from-green-"],
[class*=" bg-purple-"],
[class^="bg-purple-"],
[class*=" from-purple-"],
[class^="from-purple-"],
[class*=" bg-yellow-"],
[class^="bg-yellow-"],
[class*=" from-yellow-"],
[class^="from-yellow-"],
[class*=" bg-orange-"],
[class^="bg-orange-"],
[class*=" from-orange-"],
[class^="from-orange-"],
[class*=" bg-red-"],
[class^="bg-red-"],
[class*=" from-red-"],
[class^="from-red-"],
[class*=" bg-pink-"],
[class^="bg-pink-"],
[class*=" from-pink-"],
[class^="from-pink-"],
[class*=" bg-indigo-"],
[class^="bg-indigo-"],
[class*=" from-indigo-"],
[class^="from-indigo-"],
[class*=" bg-teal-"],
[class^="bg-teal-"],
[class*=" from-teal-"],
[class^="from-teal-"],
[class*=" bg-emerald-"],
[class^="bg-emerald-"],
[class*=" from-emerald-"],
[class^="from-emerald-"],
[class*=" bg-cyan-"],
[class^="bg-cyan-"],
[class*=" from-cyan-"],
[class^="from-cyan-"],
[class*=" bg-amber-"],
[class^="bg-amber-"],
[class*=" from-amber-"],
[class^="from-amber-"],
[class*=" bg-rose-"],
[class^="bg-rose-"],
[class*=" from-rose-"],
[class^="from-rose-"],
[class*=" bg-violet-"],
[class^="bg-violet-"],
[class*=" from-violet-"],
[class^="from-violet-"],
[class*=" bg-sky-"],
[class^="bg-sky-"],
[class*=" from-sky-"],
[class^="from-sky-"],
[class*=" bg-lime-"],
[class^="bg-lime-"],
[class*=" from-lime-"],
[class^="from-lime-"],
[class*=" bg-fuchsia-"],
[class^="bg-fuchsia-"],
[class*=" from-fuchsia-"],
[class^="from-fuchsia-"]
):is(:is([class*=" w-1"], [class^="w-1"], [class*=" w-2"], [class^="w-2"], [class*=" w-3"], [class^="w-3"], [class*=" w-4"], [class^="w-4"], [class*=" w-5"], [class^="w-5"], [class*=" w-6"], [class^="w-6"], [class*=" w-7"], [class^="w-7"], [class*=" w-8"], [class^="w-8"], [class*=" w-9"], [class^="w-9"]):is([class*=" h-1"], [class^="h-1"], [class*=" h-2"], [class^="h-2"], [class*=" h-3"], [class^="h-3"], [class*=" h-4"], [class^="h-4"], [class*=" h-5"], [class^="h-5"], [class*=" h-6"], [class^="h-6"], [class*=" h-7"], [class^="h-7"], [class*=" h-8"], [class^="h-8"], [class*=" h-9"], [class^="h-9"]), [class*=" size-"], [class^="size-"])[class~="text-white"]:not(:has(> :is(.material-symbols-outlined, .material-symbols-rounded, .material-icons, .material-icons-outlined, i[class*="fa-"], svg)))) {
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .28) !important;
}

/* ---- Page-specific gradient tiles (water-gradient, post-gradient, …) ---- */
:not(a, button)[class*="gradient"]:is(:is([class*=" w-1"], [class^="w-1"], [class*=" w-2"], [class^="w-2"], [class*=" w-3"], [class^="w-3"], [class*=" w-4"], [class^="w-4"], [class*=" w-5"], [class^="w-5"], [class*=" w-6"], [class^="w-6"], [class*=" w-7"], [class^="w-7"], [class*=" w-8"], [class^="w-8"], [class*=" w-9"], [class^="w-9"]):is([class*=" h-1"], [class^="h-1"], [class*=" h-2"], [class^="h-2"], [class*=" h-3"], [class^="h-3"], [class*=" h-4"], [class^="h-4"], [class*=" h-5"], [class^="h-5"], [class*=" h-6"], [class^="h-6"], [class*=" h-7"], [class^="h-7"], [class*=" h-8"], [class^="h-8"], [class*=" h-9"], [class^="h-9"]), [class*=" size-"], [class^="size-"]):has(> :is(.material-symbols-outlined, .material-symbols-rounded, .material-icons, .material-icons-outlined, i[class*="fa-"], svg)) {
    background: var(--vvu-icon-navy) !important;
    color: #fff !important;
}
:not(a, button)[class*="gradient"]:is(:is([class*=" w-1"], [class^="w-1"], [class*=" w-2"], [class^="w-2"], [class*=" w-3"], [class^="w-3"], [class*=" w-4"], [class^="w-4"], [class*=" w-5"], [class^="w-5"], [class*=" w-6"], [class^="w-6"], [class*=" w-7"], [class^="w-7"], [class*=" w-8"], [class^="w-8"], [class*=" w-9"], [class^="w-9"]):is([class*=" h-1"], [class^="h-1"], [class*=" h-2"], [class^="h-2"], [class*=" h-3"], [class^="h-3"], [class*=" h-4"], [class^="h-4"], [class*=" h-5"], [class^="h-5"], [class*=" h-6"], [class^="h-6"], [class*=" h-7"], [class^="h-7"], [class*=" h-8"], [class^="h-8"], [class*=" h-9"], [class^="h-9"]), [class*=" size-"], [class^="size-"]):has(> :is(.material-symbols-outlined, .material-symbols-rounded, .material-icons, .material-icons-outlined, i[class*="fa-"], svg)) > :is(.material-symbols-outlined, .material-symbols-rounded, .material-icons, .material-icons-outlined, i[class*="fa-"], svg) {
    color: #fff !important;
}

/* ---- Per-card accent variables -------------------------------------------
   ATHE, Mature Entrance, Why Choose VVU, Entry Requirements and Caution set
   a different accent on each card through inline --acc-l / --acc-d. Red
   (warnings), gold/amber (a university colour) and slate are kept. */
[style*="--acc-l:"]:not([style*="--acc-l:#b42318"], [style*="--acc-l:#b91c1c"], [style*="--acc-l:#dc2626"], [style*="--acc-l:#a16207"], [style*="--acc-l:#b45309"], [style*="--acc-l:#334155"]) {
    --acc-l: #1e3a8a !important;
    --acc-d: #a9c4ec !important;
}

/* Scope defaults on those pages (blocks without an inline accent, primary
   buttons). The pages declare these after this sheet, hence !important; the
   dark values are restated below for the same reason. */
.athe-scope, .mte-scope, .wcv-scope, .er-scope, .cau-scope {
    --acc-l: #1e3a8a;
    --acc-d: #a9c4ec;
}
.mte-scope, .wcv-scope, .er-scope, .cau-scope {
    --acc: #1e3a8a !important;
    --acc-tint: #eef2f7 !important;
    --acc-line: #c5d0de !important;
    --mte-brand: #1e3a8a !important;
    --wcv-brand: #1e3a8a !important;
    --er-brand: #1e3a8a !important;
    --cau-brand: #1e3a8a !important;
}

/* ---- Academic programme cards (inline --cat-color-1 / -2 per category) --- */
[style*="--cat-color-1"] {
    --cat-color-1: #1e3a8a !important;
    --cat-color-2: #1e40af !important;
}

/* ---- Homepage study options (accent stored per option in the database) -- */
.vvu-study-title[style] {
    color: var(--vvu-icon-navy) !important;
}
.vvu-study-btn-outline[style] {
    border-color: var(--vvu-icon-navy) !important;
    color: var(--vvu-icon-navy) !important;
}
.vvu-study-btn-outline[style]:hover {
    background: var(--vvu-icon-navy) !important;
    color: #fff !important;
}
.vvu-study-btn-filled[style] {
    background: var(--vvu-icon-navy) !important;
    border-color: var(--vvu-icon-navy) !important;
}

/* ---- Staff / faculty encyclopedia initials placeholders ----------------- */
.dir-card__monogram[style*="--m1"] {
    --m1: #1e3a8a !important;
    --m2: #1e40af !important;
}

/* ---- Legacy template "primary" (Bootstrap renders it #337ab7) ----------- */
[class~="text-primary"] {
    color: var(--vvu-icon-navy) !important;
}
[class~="bg-primary"] {
    background-color: var(--vvu-icon-navy) !important;
}
:is(a, button)[class~="bg-primary"]:hover {
    background-color: var(--vvu-icon-navy-hover) !important;
}
/* Labels inside navy buttons are often wrapped in a <span>, which the legacy
   theme paints grey; let them take the button's white instead. */
:is(a, button)[class~="bg-primary"] span:not([class*="text-"]),
:is(a, button):is(
[class~="bg-blue-300"],
[class~="bg-blue-400"],
[class~="bg-blue-500"],
[class~="bg-blue-600"],
[class~="bg-blue-700"],
[class~="bg-blue-800"],
[class~="bg-blue-900"],
[class~="bg-blue-950"],
[class~="bg-green-300"],
[class~="bg-green-400"],
[class~="bg-green-500"],
[class~="bg-green-600"],
[class~="bg-green-700"],
[class~="bg-green-800"],
[class~="bg-green-900"],
[class~="bg-green-950"],
[class~="bg-purple-300"],
[class~="bg-purple-400"],
[class~="bg-purple-500"],
[class~="bg-purple-600"],
[class~="bg-purple-700"],
[class~="bg-purple-800"],
[class~="bg-purple-900"],
[class~="bg-purple-950"],
[class~="bg-orange-300"],
[class~="bg-orange-400"],
[class~="bg-orange-500"],
[class~="bg-orange-600"],
[class~="bg-orange-700"],
[class~="bg-orange-800"],
[class~="bg-orange-900"],
[class~="bg-orange-950"],
[class~="bg-red-300"],
[class~="bg-red-400"],
[class~="bg-red-500"],
[class~="bg-red-600"],
[class~="bg-red-700"],
[class~="bg-red-800"],
[class~="bg-red-900"],
[class~="bg-red-950"],
[class~="bg-pink-300"],
[class~="bg-pink-400"],
[class~="bg-pink-500"],
[class~="bg-pink-600"],
[class~="bg-pink-700"],
[class~="bg-pink-800"],
[class~="bg-pink-900"],
[class~="bg-pink-950"],
[class~="bg-indigo-300"],
[class~="bg-indigo-400"],
[class~="bg-indigo-500"],
[class~="bg-indigo-600"],
[class~="bg-indigo-700"],
[class~="bg-indigo-800"],
[class~="bg-indigo-900"],
[class~="bg-indigo-950"],
[class~="bg-teal-300"],
[class~="bg-teal-400"],
[class~="bg-teal-500"],
[class~="bg-teal-600"],
[class~="bg-teal-700"],
[class~="bg-teal-800"],
[class~="bg-teal-900"],
[class~="bg-teal-950"],
[class~="bg-emerald-300"],
[class~="bg-emerald-400"],
[class~="bg-emerald-500"],
[class~="bg-emerald-600"],
[class~="bg-emerald-700"],
[class~="bg-emerald-800"],
[class~="bg-emerald-900"],
[class~="bg-emerald-950"],
[class~="bg-cyan-300"],
[class~="bg-cyan-400"],
[class~="bg-cyan-500"],
[class~="bg-cyan-600"],
[class~="bg-cyan-700"],
[class~="bg-cyan-800"],
[class~="bg-cyan-900"],
[class~="bg-cyan-950"],
[class~="bg-rose-300"],
[class~="bg-rose-400"],
[class~="bg-rose-500"],
[class~="bg-rose-600"],
[class~="bg-rose-700"],
[class~="bg-rose-800"],
[class~="bg-rose-900"],
[class~="bg-rose-950"],
[class~="bg-violet-300"],
[class~="bg-violet-400"],
[class~="bg-violet-500"],
[class~="bg-violet-600"],
[class~="bg-violet-700"],
[class~="bg-violet-800"],
[class~="bg-violet-900"],
[class~="bg-violet-950"],
[class~="bg-sky-300"],
[class~="bg-sky-400"],
[class~="bg-sky-500"],
[class~="bg-sky-600"],
[class~="bg-sky-700"],
[class~="bg-sky-800"],
[class~="bg-sky-900"],
[class~="bg-sky-950"],
[class~="bg-lime-300"],
[class~="bg-lime-400"],
[class~="bg-lime-500"],
[class~="bg-lime-600"],
[class~="bg-lime-700"],
[class~="bg-lime-800"],
[class~="bg-lime-900"],
[class~="bg-lime-950"],
[class~="bg-fuchsia-300"],
[class~="bg-fuchsia-400"],
[class~="bg-fuchsia-500"],
[class~="bg-fuchsia-600"],
[class~="bg-fuchsia-700"],
[class~="bg-fuchsia-800"],
[class~="bg-fuchsia-900"],
[class~="bg-fuchsia-950"],
[class~="from-blue-300"],
[class~="from-blue-400"],
[class~="from-blue-500"],
[class~="from-blue-600"],
[class~="from-blue-700"],
[class~="from-blue-800"],
[class~="from-blue-900"],
[class~="from-blue-950"],
[class~="from-green-300"],
[class~="from-green-400"],
[class~="from-green-500"],
[class~="from-green-600"],
[class~="from-green-700"],
[class~="from-green-800"],
[class~="from-green-900"],
[class~="from-green-950"],
[class~="from-purple-300"],
[class~="from-purple-400"],
[class~="from-purple-500"],
[class~="from-purple-600"],
[class~="from-purple-700"],
[class~="from-purple-800"],
[class~="from-purple-900"],
[class~="from-purple-950"],
[class~="from-orange-300"],
[class~="from-orange-400"],
[class~="from-orange-500"],
[class~="from-orange-600"],
[class~="from-orange-700"],
[class~="from-orange-800"],
[class~="from-orange-900"],
[class~="from-orange-950"],
[class~="from-red-300"],
[class~="from-red-400"],
[class~="from-red-500"],
[class~="from-red-600"],
[class~="from-red-700"],
[class~="from-red-800"],
[class~="from-red-900"],
[class~="from-red-950"],
[class~="from-pink-300"],
[class~="from-pink-400"],
[class~="from-pink-500"],
[class~="from-pink-600"],
[class~="from-pink-700"],
[class~="from-pink-800"],
[class~="from-pink-900"],
[class~="from-pink-950"],
[class~="from-indigo-300"],
[class~="from-indigo-400"],
[class~="from-indigo-500"],
[class~="from-indigo-600"],
[class~="from-indigo-700"],
[class~="from-indigo-800"],
[class~="from-indigo-900"],
[class~="from-indigo-950"],
[class~="from-teal-300"],
[class~="from-teal-400"],
[class~="from-teal-500"],
[class~="from-teal-600"],
[class~="from-teal-700"],
[class~="from-teal-800"],
[class~="from-teal-900"],
[class~="from-teal-950"],
[class~="from-emerald-300"],
[class~="from-emerald-400"],
[class~="from-emerald-500"],
[class~="from-emerald-600"],
[class~="from-emerald-700"],
[class~="from-emerald-800"],
[class~="from-emerald-900"],
[class~="from-emerald-950"],
[class~="from-cyan-300"],
[class~="from-cyan-400"],
[class~="from-cyan-500"],
[class~="from-cyan-600"],
[class~="from-cyan-700"],
[class~="from-cyan-800"],
[class~="from-cyan-900"],
[class~="from-cyan-950"],
[class~="from-rose-300"],
[class~="from-rose-400"],
[class~="from-rose-500"],
[class~="from-rose-600"],
[class~="from-rose-700"],
[class~="from-rose-800"],
[class~="from-rose-900"],
[class~="from-rose-950"],
[class~="from-violet-300"],
[class~="from-violet-400"],
[class~="from-violet-500"],
[class~="from-violet-600"],
[class~="from-violet-700"],
[class~="from-violet-800"],
[class~="from-violet-900"],
[class~="from-violet-950"],
[class~="from-sky-300"],
[class~="from-sky-400"],
[class~="from-sky-500"],
[class~="from-sky-600"],
[class~="from-sky-700"],
[class~="from-sky-800"],
[class~="from-sky-900"],
[class~="from-sky-950"],
[class~="from-lime-300"],
[class~="from-lime-400"],
[class~="from-lime-500"],
[class~="from-lime-600"],
[class~="from-lime-700"],
[class~="from-lime-800"],
[class~="from-lime-900"],
[class~="from-lime-950"],
[class~="from-fuchsia-300"],
[class~="from-fuchsia-400"],
[class~="from-fuchsia-500"],
[class~="from-fuchsia-600"],
[class~="from-fuchsia-700"],
[class~="from-fuchsia-800"],
[class~="from-fuchsia-900"],
[class~="from-fuchsia-950"]
):not([href*="wa.me"], [href*="whatsapp"]) span:not([class*="text-"]) {
    color: inherit !important;
}

/* ---- Gold text links on light backgrounds ------------------------------- */
/* Darker gold (500-700) is only used on light cards, where it is hard to
   read; bright gold (300/400) on dark bands is left as it is. */
a:is([class~="text-yellow-500"], [class~="text-yellow-600"], [class~="text-yellow-700"], [class~="text-amber-500"], [class~="text-amber-600"], [class~="text-amber-700"]) {
    color: var(--vvu-icon-navy) !important;
}

/* ---- Text links in a rainbow colour (link text and its arrow icon) ------ */
a:is(
[class~="text-blue-500"],
[class~="text-blue-600"],
[class~="text-blue-700"],
[class~="text-blue-800"],
[class~="text-blue-900"],
[class~="text-green-500"],
[class~="text-green-600"],
[class~="text-green-700"],
[class~="text-green-800"],
[class~="text-green-900"],
[class~="text-purple-500"],
[class~="text-purple-600"],
[class~="text-purple-700"],
[class~="text-purple-800"],
[class~="text-purple-900"],
[class~="text-orange-500"],
[class~="text-orange-600"],
[class~="text-orange-700"],
[class~="text-orange-800"],
[class~="text-orange-900"],
[class~="text-pink-500"],
[class~="text-pink-600"],
[class~="text-pink-700"],
[class~="text-pink-800"],
[class~="text-pink-900"],
[class~="text-indigo-500"],
[class~="text-indigo-600"],
[class~="text-indigo-700"],
[class~="text-indigo-800"],
[class~="text-indigo-900"],
[class~="text-teal-500"],
[class~="text-teal-600"],
[class~="text-teal-700"],
[class~="text-teal-800"],
[class~="text-teal-900"],
[class~="text-emerald-500"],
[class~="text-emerald-600"],
[class~="text-emerald-700"],
[class~="text-emerald-800"],
[class~="text-emerald-900"],
[class~="text-cyan-500"],
[class~="text-cyan-600"],
[class~="text-cyan-700"],
[class~="text-cyan-800"],
[class~="text-cyan-900"],
[class~="text-violet-500"],
[class~="text-violet-600"],
[class~="text-violet-700"],
[class~="text-violet-800"],
[class~="text-violet-900"],
[class~="text-sky-500"],
[class~="text-sky-600"],
[class~="text-sky-700"],
[class~="text-sky-800"],
[class~="text-sky-900"],
[class~="text-lime-500"],
[class~="text-lime-600"],
[class~="text-lime-700"],
[class~="text-lime-800"],
[class~="text-lime-900"],
[class~="text-fuchsia-500"],
[class~="text-fuchsia-600"],
[class~="text-fuchsia-700"],
[class~="text-fuchsia-800"],
[class~="text-fuchsia-900"]
):not([class~="text-white"]) {
    color: var(--vvu-icon-navy) !important;
}

/* ---- Student Life Directory cards (inline --c / --c2 gradient) ---------- */
.sld-card[style*="--c:"] {
    --c: #1e3a8a !important;
    --c2: #1e40af !important;
}

/* ---- Icons inside links and buttons follow the label colour ------------ */
/* The legacy theme paints every <span> #636363, so a symbol inside a white
   button label came out grey. Specificity here (0,0,1) beats that rule
   because this sheet loads later, while an explicit Tailwind text-* colour
   class on the icon (0,1,0) still wins. */
:where(a, button) > span:where(.material-symbols-outlined, .material-symbols-rounded, .material-icons, .material-icons-outlined) {
    color: inherit;
}

/* ---- Gradient-filled text (e.g. Directory department names) ------------ */
.bg-clip-text:is(
[class~="from-blue-50"],
[class~="from-blue-100"],
[class~="from-blue-200"],
[class~="from-blue-300"],
[class~="from-blue-400"],
[class~="from-blue-500"],
[class~="from-blue-600"],
[class~="from-blue-700"],
[class~="from-blue-800"],
[class~="from-blue-900"],
[class~="from-blue-950"],
[class~="from-green-50"],
[class~="from-green-100"],
[class~="from-green-200"],
[class~="from-green-300"],
[class~="from-green-400"],
[class~="from-green-500"],
[class~="from-green-600"],
[class~="from-green-700"],
[class~="from-green-800"],
[class~="from-green-900"],
[class~="from-green-950"],
[class~="from-purple-50"],
[class~="from-purple-100"],
[class~="from-purple-200"],
[class~="from-purple-300"],
[class~="from-purple-400"],
[class~="from-purple-500"],
[class~="from-purple-600"],
[class~="from-purple-700"],
[class~="from-purple-800"],
[class~="from-purple-900"],
[class~="from-purple-950"],
[class~="from-orange-50"],
[class~="from-orange-100"],
[class~="from-orange-200"],
[class~="from-orange-300"],
[class~="from-orange-400"],
[class~="from-orange-500"],
[class~="from-orange-600"],
[class~="from-orange-700"],
[class~="from-orange-800"],
[class~="from-orange-900"],
[class~="from-orange-950"],
[class~="from-red-50"],
[class~="from-red-100"],
[class~="from-red-200"],
[class~="from-red-300"],
[class~="from-red-400"],
[class~="from-red-500"],
[class~="from-red-600"],
[class~="from-red-700"],
[class~="from-red-800"],
[class~="from-red-900"],
[class~="from-red-950"],
[class~="from-pink-50"],
[class~="from-pink-100"],
[class~="from-pink-200"],
[class~="from-pink-300"],
[class~="from-pink-400"],
[class~="from-pink-500"],
[class~="from-pink-600"],
[class~="from-pink-700"],
[class~="from-pink-800"],
[class~="from-pink-900"],
[class~="from-pink-950"],
[class~="from-indigo-50"],
[class~="from-indigo-100"],
[class~="from-indigo-200"],
[class~="from-indigo-300"],
[class~="from-indigo-400"],
[class~="from-indigo-500"],
[class~="from-indigo-600"],
[class~="from-indigo-700"],
[class~="from-indigo-800"],
[class~="from-indigo-900"],
[class~="from-indigo-950"],
[class~="from-teal-50"],
[class~="from-teal-100"],
[class~="from-teal-200"],
[class~="from-teal-300"],
[class~="from-teal-400"],
[class~="from-teal-500"],
[class~="from-teal-600"],
[class~="from-teal-700"],
[class~="from-teal-800"],
[class~="from-teal-900"],
[class~="from-teal-950"],
[class~="from-emerald-50"],
[class~="from-emerald-100"],
[class~="from-emerald-200"],
[class~="from-emerald-300"],
[class~="from-emerald-400"],
[class~="from-emerald-500"],
[class~="from-emerald-600"],
[class~="from-emerald-700"],
[class~="from-emerald-800"],
[class~="from-emerald-900"],
[class~="from-emerald-950"],
[class~="from-cyan-50"],
[class~="from-cyan-100"],
[class~="from-cyan-200"],
[class~="from-cyan-300"],
[class~="from-cyan-400"],
[class~="from-cyan-500"],
[class~="from-cyan-600"],
[class~="from-cyan-700"],
[class~="from-cyan-800"],
[class~="from-cyan-900"],
[class~="from-cyan-950"],
[class~="from-rose-50"],
[class~="from-rose-100"],
[class~="from-rose-200"],
[class~="from-rose-300"],
[class~="from-rose-400"],
[class~="from-rose-500"],
[class~="from-rose-600"],
[class~="from-rose-700"],
[class~="from-rose-800"],
[class~="from-rose-900"],
[class~="from-rose-950"],
[class~="from-violet-50"],
[class~="from-violet-100"],
[class~="from-violet-200"],
[class~="from-violet-300"],
[class~="from-violet-400"],
[class~="from-violet-500"],
[class~="from-violet-600"],
[class~="from-violet-700"],
[class~="from-violet-800"],
[class~="from-violet-900"],
[class~="from-violet-950"],
[class~="from-sky-50"],
[class~="from-sky-100"],
[class~="from-sky-200"],
[class~="from-sky-300"],
[class~="from-sky-400"],
[class~="from-sky-500"],
[class~="from-sky-600"],
[class~="from-sky-700"],
[class~="from-sky-800"],
[class~="from-sky-900"],
[class~="from-sky-950"],
[class~="from-lime-50"],
[class~="from-lime-100"],
[class~="from-lime-200"],
[class~="from-lime-300"],
[class~="from-lime-400"],
[class~="from-lime-500"],
[class~="from-lime-600"],
[class~="from-lime-700"],
[class~="from-lime-800"],
[class~="from-lime-900"],
[class~="from-lime-950"],
[class~="from-fuchsia-50"],
[class~="from-fuchsia-100"],
[class~="from-fuchsia-200"],
[class~="from-fuchsia-300"],
[class~="from-fuchsia-400"],
[class~="from-fuchsia-500"],
[class~="from-fuchsia-600"],
[class~="from-fuchsia-700"],
[class~="from-fuchsia-800"],
[class~="from-fuchsia-900"],
[class~="from-fuchsia-950"]
) {
    background-image: linear-gradient(90deg, #1e3a8a, #1e40af) !important;
}

/* ---- Dark mode (the site follows the visitor's OS setting) ------------- */
@media (prefers-color-scheme: dark) {
    :not(a, button):is(
[class*=" bg-blue-"],
[class^="bg-blue-"],
[class*=" from-blue-"],
[class^="from-blue-"],
[class*=" bg-green-"],
[class^="bg-green-"],
[class*=" from-green-"],
[class^="from-green-"],
[class*=" bg-purple-"],
[class^="bg-purple-"],
[class*=" from-purple-"],
[class^="from-purple-"],
[class*=" bg-yellow-"],
[class^="bg-yellow-"],
[class*=" from-yellow-"],
[class^="from-yellow-"],
[class*=" bg-orange-"],
[class^="bg-orange-"],
[class*=" from-orange-"],
[class^="from-orange-"],
[class*=" bg-red-"],
[class^="bg-red-"],
[class*=" from-red-"],
[class^="from-red-"],
[class*=" bg-pink-"],
[class^="bg-pink-"],
[class*=" from-pink-"],
[class^="from-pink-"],
[class*=" bg-indigo-"],
[class^="bg-indigo-"],
[class*=" from-indigo-"],
[class^="from-indigo-"],
[class*=" bg-teal-"],
[class^="bg-teal-"],
[class*=" from-teal-"],
[class^="from-teal-"],
[class*=" bg-emerald-"],
[class^="bg-emerald-"],
[class*=" from-emerald-"],
[class^="from-emerald-"],
[class*=" bg-cyan-"],
[class^="bg-cyan-"],
[class*=" from-cyan-"],
[class^="from-cyan-"],
[class*=" bg-amber-"],
[class^="bg-amber-"],
[class*=" from-amber-"],
[class^="from-amber-"],
[class*=" bg-rose-"],
[class^="bg-rose-"],
[class*=" from-rose-"],
[class^="from-rose-"],
[class*=" bg-violet-"],
[class^="bg-violet-"],
[class*=" from-violet-"],
[class^="from-violet-"],
[class*=" bg-sky-"],
[class^="bg-sky-"],
[class*=" from-sky-"],
[class^="from-sky-"],
[class*=" bg-lime-"],
[class^="bg-lime-"],
[class*=" from-lime-"],
[class^="from-lime-"],
[class*=" bg-fuchsia-"],
[class^="bg-fuchsia-"],
[class*=" from-fuchsia-"],
[class^="from-fuchsia-"]
):is(:is([class*=" w-1"], [class^="w-1"], [class*=" w-2"], [class^="w-2"], [class*=" w-3"], [class^="w-3"], [class*=" w-4"], [class^="w-4"], [class*=" w-5"], [class^="w-5"], [class*=" w-6"], [class^="w-6"], [class*=" w-7"], [class^="w-7"], [class*=" w-8"], [class^="w-8"], [class*=" w-9"], [class^="w-9"]):is([class*=" h-1"], [class^="h-1"], [class*=" h-2"], [class^="h-2"], [class*=" h-3"], [class^="h-3"], [class*=" h-4"], [class^="h-4"], [class*=" h-5"], [class^="h-5"], [class*=" h-6"], [class^="h-6"], [class*=" h-7"], [class^="h-7"], [class*=" h-8"], [class^="h-8"], [class*=" h-9"], [class^="h-9"]), [class*=" size-"], [class^="size-"], .icon-box, .icon-container, .quick-link-icon, .resource-icon, .branch-icon):has(> :is(.material-symbols-outlined, .material-symbols-rounded, .material-icons, .material-icons-outlined, i[class*="fa-"], svg)),
    :not(a, button):is(
[class*=" bg-blue-"],
[class^="bg-blue-"],
[class*=" from-blue-"],
[class^="from-blue-"],
[class*=" bg-green-"],
[class^="bg-green-"],
[class*=" from-green-"],
[class^="from-green-"],
[class*=" bg-purple-"],
[class^="bg-purple-"],
[class*=" from-purple-"],
[class^="from-purple-"],
[class*=" bg-yellow-"],
[class^="bg-yellow-"],
[class*=" from-yellow-"],
[class^="from-yellow-"],
[class*=" bg-orange-"],
[class^="bg-orange-"],
[class*=" from-orange-"],
[class^="from-orange-"],
[class*=" bg-red-"],
[class^="bg-red-"],
[class*=" from-red-"],
[class^="from-red-"],
[class*=" bg-pink-"],
[class^="bg-pink-"],
[class*=" from-pink-"],
[class^="from-pink-"],
[class*=" bg-indigo-"],
[class^="bg-indigo-"],
[class*=" from-indigo-"],
[class^="from-indigo-"],
[class*=" bg-teal-"],
[class^="bg-teal-"],
[class*=" from-teal-"],
[class^="from-teal-"],
[class*=" bg-emerald-"],
[class^="bg-emerald-"],
[class*=" from-emerald-"],
[class^="from-emerald-"],
[class*=" bg-cyan-"],
[class^="bg-cyan-"],
[class*=" from-cyan-"],
[class^="from-cyan-"],
[class*=" bg-amber-"],
[class^="bg-amber-"],
[class*=" from-amber-"],
[class^="from-amber-"],
[class*=" bg-rose-"],
[class^="bg-rose-"],
[class*=" from-rose-"],
[class^="from-rose-"],
[class*=" bg-violet-"],
[class^="bg-violet-"],
[class*=" from-violet-"],
[class^="from-violet-"],
[class*=" bg-sky-"],
[class^="bg-sky-"],
[class*=" from-sky-"],
[class^="from-sky-"],
[class*=" bg-lime-"],
[class^="bg-lime-"],
[class*=" from-lime-"],
[class^="from-lime-"],
[class*=" bg-fuchsia-"],
[class^="bg-fuchsia-"],
[class*=" from-fuchsia-"],
[class^="from-fuchsia-"]
):is(:is([class*=" w-1"], [class^="w-1"], [class*=" w-2"], [class^="w-2"], [class*=" w-3"], [class^="w-3"], [class*=" w-4"], [class^="w-4"], [class*=" w-5"], [class^="w-5"], [class*=" w-6"], [class^="w-6"], [class*=" w-7"], [class^="w-7"], [class*=" w-8"], [class^="w-8"], [class*=" w-9"], [class^="w-9"]):is([class*=" h-1"], [class^="h-1"], [class*=" h-2"], [class^="h-2"], [class*=" h-3"], [class^="h-3"], [class*=" h-4"], [class^="h-4"], [class*=" h-5"], [class^="h-5"], [class*=" h-6"], [class^="h-6"], [class*=" h-7"], [class^="h-7"], [class*=" h-8"], [class^="h-8"], [class*=" h-9"], [class^="h-9"]), [class*=" size-"], [class^="size-"])[class~="text-white"]:not(:has(> :is(.material-symbols-outlined, .material-symbols-rounded, .material-icons, .material-icons-outlined, i[class*="fa-"], svg))) {
        box-shadow: 0 0 0 1px rgba(255, 255, 255, .14), var(--tw-shadow, 0 0 #0000) !important;
    }
    /* In dark mode some cards turn charcoal and others stay white, and CSS
       cannot tell which one an element sits on. #5b8fd1 is the VVU-blue
       family shade that stays readable on both. */
    :not(a, button):is(
[class~="bg-blue-50"],
[class~="bg-blue-100"],
[class~="bg-blue-200"],
[class~="bg-green-50"],
[class~="bg-green-100"],
[class~="bg-green-200"],
[class~="bg-purple-50"],
[class~="bg-purple-100"],
[class~="bg-purple-200"],
[class~="bg-orange-50"],
[class~="bg-orange-100"],
[class~="bg-orange-200"],
[class~="bg-pink-50"],
[class~="bg-pink-100"],
[class~="bg-pink-200"],
[class~="bg-indigo-50"],
[class~="bg-indigo-100"],
[class~="bg-indigo-200"],
[class~="bg-teal-50"],
[class~="bg-teal-100"],
[class~="bg-teal-200"],
[class~="bg-emerald-50"],
[class~="bg-emerald-100"],
[class~="bg-emerald-200"],
[class~="bg-cyan-50"],
[class~="bg-cyan-100"],
[class~="bg-cyan-200"],
[class~="bg-violet-50"],
[class~="bg-violet-100"],
[class~="bg-violet-200"],
[class~="bg-sky-50"],
[class~="bg-sky-100"],
[class~="bg-sky-200"],
[class~="bg-lime-50"],
[class~="bg-lime-100"],
[class~="bg-lime-200"],
[class~="bg-fuchsia-50"],
[class~="bg-fuchsia-100"],
[class~="bg-fuchsia-200"],
[class~="from-blue-50"],
[class~="from-green-50"],
[class~="from-purple-50"],
[class~="from-orange-50"],
[class~="from-pink-50"],
[class~="from-indigo-50"],
[class~="from-teal-50"],
[class~="from-emerald-50"],
[class~="from-cyan-50"],
[class~="from-violet-50"],
[class~="from-sky-50"],
[class~="from-lime-50"],
[class~="from-fuchsia-50"]
):not(:has(> :is(.material-symbols-outlined, .material-symbols-rounded, .material-icons, .material-icons-outlined, i[class*="fa-"], svg)):is(:is([class*=" w-1"], [class^="w-1"], [class*=" w-2"], [class^="w-2"], [class*=" w-3"], [class^="w-3"], [class*=" w-4"], [class^="w-4"], [class*=" w-5"], [class^="w-5"], [class*=" w-6"], [class^="w-6"], [class*=" w-7"], [class^="w-7"], [class*=" w-8"], [class^="w-8"], [class*=" w-9"], [class^="w-9"]):is([class*=" h-1"], [class^="h-1"], [class*=" h-2"], [class^="h-2"], [class*=" h-3"], [class^="h-3"], [class*=" h-4"], [class^="h-4"], [class*=" h-5"], [class^="h-5"], [class*=" h-6"], [class^="h-6"], [class*=" h-7"], [class^="h-7"], [class*=" h-8"], [class^="h-8"], [class*=" h-9"], [class^="h-9"]), [class*=" size-"], [class^="size-"], .icon-box, .icon-container, .quick-link-icon, .resource-icon, .branch-icon))[class*="dark:"] {
        background-color: rgba(91, 143, 209, .14) !important;
        color: #5b8fd1 !important;
    }
    :not(a, button):is(
[class~="bg-blue-50"],
[class~="bg-blue-100"],
[class~="bg-blue-200"],
[class~="bg-green-50"],
[class~="bg-green-100"],
[class~="bg-green-200"],
[class~="bg-purple-50"],
[class~="bg-purple-100"],
[class~="bg-purple-200"],
[class~="bg-orange-50"],
[class~="bg-orange-100"],
[class~="bg-orange-200"],
[class~="bg-pink-50"],
[class~="bg-pink-100"],
[class~="bg-pink-200"],
[class~="bg-indigo-50"],
[class~="bg-indigo-100"],
[class~="bg-indigo-200"],
[class~="bg-teal-50"],
[class~="bg-teal-100"],
[class~="bg-teal-200"],
[class~="bg-emerald-50"],
[class~="bg-emerald-100"],
[class~="bg-emerald-200"],
[class~="bg-cyan-50"],
[class~="bg-cyan-100"],
[class~="bg-cyan-200"],
[class~="bg-violet-50"],
[class~="bg-violet-100"],
[class~="bg-violet-200"],
[class~="bg-sky-50"],
[class~="bg-sky-100"],
[class~="bg-sky-200"],
[class~="bg-lime-50"],
[class~="bg-lime-100"],
[class~="bg-lime-200"],
[class~="bg-fuchsia-50"],
[class~="bg-fuchsia-100"],
[class~="bg-fuchsia-200"],
[class~="from-blue-50"],
[class~="from-green-50"],
[class~="from-purple-50"],
[class~="from-orange-50"],
[class~="from-pink-50"],
[class~="from-indigo-50"],
[class~="from-teal-50"],
[class~="from-emerald-50"],
[class~="from-cyan-50"],
[class~="from-violet-50"],
[class~="from-sky-50"],
[class~="from-lime-50"],
[class~="from-fuchsia-50"]
):not(:has(> :is(.material-symbols-outlined, .material-symbols-rounded, .material-icons, .material-icons-outlined, i[class*="fa-"], svg)):is(:is([class*=" w-1"], [class^="w-1"], [class*=" w-2"], [class^="w-2"], [class*=" w-3"], [class^="w-3"], [class*=" w-4"], [class^="w-4"], [class*=" w-5"], [class^="w-5"], [class*=" w-6"], [class^="w-6"], [class*=" w-7"], [class^="w-7"], [class*=" w-8"], [class^="w-8"], [class*=" w-9"], [class^="w-9"]):is([class*=" h-1"], [class^="h-1"], [class*=" h-2"], [class^="h-2"], [class*=" h-3"], [class^="h-3"], [class*=" h-4"], [class^="h-4"], [class*=" h-5"], [class^="h-5"], [class*=" h-6"], [class^="h-6"], [class*=" h-7"], [class^="h-7"], [class*=" h-8"], [class^="h-8"], [class*=" h-9"], [class^="h-9"]), [class*=" size-"], [class^="size-"], .icon-box, .icon-container, .quick-link-icon, .resource-icon, .branch-icon))[class*="dark:"] :is(
[class~="text-blue-500"],
[class~="text-blue-600"],
[class~="text-blue-700"],
[class~="text-blue-800"],
[class~="text-blue-900"],
[class~="text-green-500"],
[class~="text-green-600"],
[class~="text-green-700"],
[class~="text-green-800"],
[class~="text-green-900"],
[class~="text-purple-500"],
[class~="text-purple-600"],
[class~="text-purple-700"],
[class~="text-purple-800"],
[class~="text-purple-900"],
[class~="text-orange-500"],
[class~="text-orange-600"],
[class~="text-orange-700"],
[class~="text-orange-800"],
[class~="text-orange-900"],
[class~="text-pink-500"],
[class~="text-pink-600"],
[class~="text-pink-700"],
[class~="text-pink-800"],
[class~="text-pink-900"],
[class~="text-indigo-500"],
[class~="text-indigo-600"],
[class~="text-indigo-700"],
[class~="text-indigo-800"],
[class~="text-indigo-900"],
[class~="text-teal-500"],
[class~="text-teal-600"],
[class~="text-teal-700"],
[class~="text-teal-800"],
[class~="text-teal-900"],
[class~="text-emerald-500"],
[class~="text-emerald-600"],
[class~="text-emerald-700"],
[class~="text-emerald-800"],
[class~="text-emerald-900"],
[class~="text-cyan-500"],
[class~="text-cyan-600"],
[class~="text-cyan-700"],
[class~="text-cyan-800"],
[class~="text-cyan-900"],
[class~="text-violet-500"],
[class~="text-violet-600"],
[class~="text-violet-700"],
[class~="text-violet-800"],
[class~="text-violet-900"],
[class~="text-sky-500"],
[class~="text-sky-600"],
[class~="text-sky-700"],
[class~="text-sky-800"],
[class~="text-sky-900"],
[class~="text-lime-500"],
[class~="text-lime-600"],
[class~="text-lime-700"],
[class~="text-lime-800"],
[class~="text-lime-900"],
[class~="text-fuchsia-500"],
[class~="text-fuchsia-600"],
[class~="text-fuchsia-700"],
[class~="text-fuchsia-800"],
[class~="text-fuchsia-900"]
) {
        color: #5b8fd1 !important;
    }
    /* …but not inside filled buttons whose fill does not change in dark mode
       (e.g. blue text on a gold button): a bg-* class with no dark:bg-*. */
    :is(.material-symbols-outlined, .material-symbols-rounded, .material-icons, .material-icons-outlined, i[class*="fa-"], svg):is(
[class~="text-blue-500"],
[class~="text-blue-600"],
[class~="text-blue-700"],
[class~="text-blue-800"],
[class~="text-blue-900"],
[class~="text-green-500"],
[class~="text-green-600"],
[class~="text-green-700"],
[class~="text-green-800"],
[class~="text-green-900"],
[class~="text-purple-500"],
[class~="text-purple-600"],
[class~="text-purple-700"],
[class~="text-purple-800"],
[class~="text-purple-900"],
[class~="text-orange-500"],
[class~="text-orange-600"],
[class~="text-orange-700"],
[class~="text-orange-800"],
[class~="text-orange-900"],
[class~="text-pink-500"],
[class~="text-pink-600"],
[class~="text-pink-700"],
[class~="text-pink-800"],
[class~="text-pink-900"],
[class~="text-indigo-500"],
[class~="text-indigo-600"],
[class~="text-indigo-700"],
[class~="text-indigo-800"],
[class~="text-indigo-900"],
[class~="text-teal-500"],
[class~="text-teal-600"],
[class~="text-teal-700"],
[class~="text-teal-800"],
[class~="text-teal-900"],
[class~="text-emerald-500"],
[class~="text-emerald-600"],
[class~="text-emerald-700"],
[class~="text-emerald-800"],
[class~="text-emerald-900"],
[class~="text-cyan-500"],
[class~="text-cyan-600"],
[class~="text-cyan-700"],
[class~="text-cyan-800"],
[class~="text-cyan-900"],
[class~="text-violet-500"],
[class~="text-violet-600"],
[class~="text-violet-700"],
[class~="text-violet-800"],
[class~="text-violet-900"],
[class~="text-sky-500"],
[class~="text-sky-600"],
[class~="text-sky-700"],
[class~="text-sky-800"],
[class~="text-sky-900"],
[class~="text-lime-500"],
[class~="text-lime-600"],
[class~="text-lime-700"],
[class~="text-lime-800"],
[class~="text-lime-900"],
[class~="text-fuchsia-500"],
[class~="text-fuchsia-600"],
[class~="text-fuchsia-700"],
[class~="text-fuchsia-800"],
[class~="text-fuchsia-900"]
):not(:is(a, button)[class*="bg-"]:not([class*="dark:bg-"]) *) {
        color: #5b8fd1 !important;
    }
    a:is(
[class~="text-blue-500"],
[class~="text-blue-600"],
[class~="text-blue-700"],
[class~="text-blue-800"],
[class~="text-blue-900"],
[class~="text-green-500"],
[class~="text-green-600"],
[class~="text-green-700"],
[class~="text-green-800"],
[class~="text-green-900"],
[class~="text-purple-500"],
[class~="text-purple-600"],
[class~="text-purple-700"],
[class~="text-purple-800"],
[class~="text-purple-900"],
[class~="text-orange-500"],
[class~="text-orange-600"],
[class~="text-orange-700"],
[class~="text-orange-800"],
[class~="text-orange-900"],
[class~="text-pink-500"],
[class~="text-pink-600"],
[class~="text-pink-700"],
[class~="text-pink-800"],
[class~="text-pink-900"],
[class~="text-indigo-500"],
[class~="text-indigo-600"],
[class~="text-indigo-700"],
[class~="text-indigo-800"],
[class~="text-indigo-900"],
[class~="text-teal-500"],
[class~="text-teal-600"],
[class~="text-teal-700"],
[class~="text-teal-800"],
[class~="text-teal-900"],
[class~="text-emerald-500"],
[class~="text-emerald-600"],
[class~="text-emerald-700"],
[class~="text-emerald-800"],
[class~="text-emerald-900"],
[class~="text-cyan-500"],
[class~="text-cyan-600"],
[class~="text-cyan-700"],
[class~="text-cyan-800"],
[class~="text-cyan-900"],
[class~="text-violet-500"],
[class~="text-violet-600"],
[class~="text-violet-700"],
[class~="text-violet-800"],
[class~="text-violet-900"],
[class~="text-sky-500"],
[class~="text-sky-600"],
[class~="text-sky-700"],
[class~="text-sky-800"],
[class~="text-sky-900"],
[class~="text-lime-500"],
[class~="text-lime-600"],
[class~="text-lime-700"],
[class~="text-lime-800"],
[class~="text-lime-900"],
[class~="text-fuchsia-500"],
[class~="text-fuchsia-600"],
[class~="text-fuchsia-700"],
[class~="text-fuchsia-800"],
[class~="text-fuchsia-900"]
):not([class~="text-white"]):not([class*="bg-"]:not([class*="dark:bg-"])),
    a:is([class~="text-yellow-500"], [class~="text-yellow-600"], [class~="text-yellow-700"], [class~="text-amber-500"], [class~="text-amber-600"], [class~="text-amber-700"]):not([class*="bg-"]:not([class*="dark:bg-"])) {
        color: #5b8fd1 !important;
    }
    .mte-scope, .wcv-scope, .er-scope, .cau-scope {
        --acc: #a9c4ec !important;
        --acc-tint: rgba(169, 196, 236, .16) !important;
        --acc-line: rgba(169, 196, 236, .38) !important;
        --mte-brand: #a9c4ec !important;
        --wcv-brand: #a9c4ec !important;
        --er-brand: #a9c4ec !important;
        --cau-brand: #a9c4ec !important;
    }
    [class~="text-primary"] {
        color: #5b8fd1 !important;
    }
    [style*="--cat-color-1"] .meta-item i {
        color: #5b8fd1 !important;
    }
    .bg-clip-text:is(
[class~="from-blue-50"],
[class~="from-blue-100"],
[class~="from-blue-200"],
[class~="from-blue-300"],
[class~="from-blue-400"],
[class~="from-blue-500"],
[class~="from-blue-600"],
[class~="from-blue-700"],
[class~="from-blue-800"],
[class~="from-blue-900"],
[class~="from-blue-950"],
[class~="from-green-50"],
[class~="from-green-100"],
[class~="from-green-200"],
[class~="from-green-300"],
[class~="from-green-400"],
[class~="from-green-500"],
[class~="from-green-600"],
[class~="from-green-700"],
[class~="from-green-800"],
[class~="from-green-900"],
[class~="from-green-950"],
[class~="from-purple-50"],
[class~="from-purple-100"],
[class~="from-purple-200"],
[class~="from-purple-300"],
[class~="from-purple-400"],
[class~="from-purple-500"],
[class~="from-purple-600"],
[class~="from-purple-700"],
[class~="from-purple-800"],
[class~="from-purple-900"],
[class~="from-purple-950"],
[class~="from-orange-50"],
[class~="from-orange-100"],
[class~="from-orange-200"],
[class~="from-orange-300"],
[class~="from-orange-400"],
[class~="from-orange-500"],
[class~="from-orange-600"],
[class~="from-orange-700"],
[class~="from-orange-800"],
[class~="from-orange-900"],
[class~="from-orange-950"],
[class~="from-red-50"],
[class~="from-red-100"],
[class~="from-red-200"],
[class~="from-red-300"],
[class~="from-red-400"],
[class~="from-red-500"],
[class~="from-red-600"],
[class~="from-red-700"],
[class~="from-red-800"],
[class~="from-red-900"],
[class~="from-red-950"],
[class~="from-pink-50"],
[class~="from-pink-100"],
[class~="from-pink-200"],
[class~="from-pink-300"],
[class~="from-pink-400"],
[class~="from-pink-500"],
[class~="from-pink-600"],
[class~="from-pink-700"],
[class~="from-pink-800"],
[class~="from-pink-900"],
[class~="from-pink-950"],
[class~="from-indigo-50"],
[class~="from-indigo-100"],
[class~="from-indigo-200"],
[class~="from-indigo-300"],
[class~="from-indigo-400"],
[class~="from-indigo-500"],
[class~="from-indigo-600"],
[class~="from-indigo-700"],
[class~="from-indigo-800"],
[class~="from-indigo-900"],
[class~="from-indigo-950"],
[class~="from-teal-50"],
[class~="from-teal-100"],
[class~="from-teal-200"],
[class~="from-teal-300"],
[class~="from-teal-400"],
[class~="from-teal-500"],
[class~="from-teal-600"],
[class~="from-teal-700"],
[class~="from-teal-800"],
[class~="from-teal-900"],
[class~="from-teal-950"],
[class~="from-emerald-50"],
[class~="from-emerald-100"],
[class~="from-emerald-200"],
[class~="from-emerald-300"],
[class~="from-emerald-400"],
[class~="from-emerald-500"],
[class~="from-emerald-600"],
[class~="from-emerald-700"],
[class~="from-emerald-800"],
[class~="from-emerald-900"],
[class~="from-emerald-950"],
[class~="from-cyan-50"],
[class~="from-cyan-100"],
[class~="from-cyan-200"],
[class~="from-cyan-300"],
[class~="from-cyan-400"],
[class~="from-cyan-500"],
[class~="from-cyan-600"],
[class~="from-cyan-700"],
[class~="from-cyan-800"],
[class~="from-cyan-900"],
[class~="from-cyan-950"],
[class~="from-rose-50"],
[class~="from-rose-100"],
[class~="from-rose-200"],
[class~="from-rose-300"],
[class~="from-rose-400"],
[class~="from-rose-500"],
[class~="from-rose-600"],
[class~="from-rose-700"],
[class~="from-rose-800"],
[class~="from-rose-900"],
[class~="from-rose-950"],
[class~="from-violet-50"],
[class~="from-violet-100"],
[class~="from-violet-200"],
[class~="from-violet-300"],
[class~="from-violet-400"],
[class~="from-violet-500"],
[class~="from-violet-600"],
[class~="from-violet-700"],
[class~="from-violet-800"],
[class~="from-violet-900"],
[class~="from-violet-950"],
[class~="from-sky-50"],
[class~="from-sky-100"],
[class~="from-sky-200"],
[class~="from-sky-300"],
[class~="from-sky-400"],
[class~="from-sky-500"],
[class~="from-sky-600"],
[class~="from-sky-700"],
[class~="from-sky-800"],
[class~="from-sky-900"],
[class~="from-sky-950"],
[class~="from-lime-50"],
[class~="from-lime-100"],
[class~="from-lime-200"],
[class~="from-lime-300"],
[class~="from-lime-400"],
[class~="from-lime-500"],
[class~="from-lime-600"],
[class~="from-lime-700"],
[class~="from-lime-800"],
[class~="from-lime-900"],
[class~="from-lime-950"],
[class~="from-fuchsia-50"],
[class~="from-fuchsia-100"],
[class~="from-fuchsia-200"],
[class~="from-fuchsia-300"],
[class~="from-fuchsia-400"],
[class~="from-fuchsia-500"],
[class~="from-fuchsia-600"],
[class~="from-fuchsia-700"],
[class~="from-fuchsia-800"],
[class~="from-fuchsia-900"],
[class~="from-fuchsia-950"]
) {
        background-image: linear-gradient(90deg, #5b8fd1, #7aa2dd) !important;
    }
}