/* Brand palette override for the public marketing pages (frontend/output.css,
   a separate Tailwind v3.1.4 build from the admin panel's own).
   Mirrors public/build/css/brand-slate-override.css's technique: this build's
   real brand color is Tailwind "purple" (not "violet"), remapped here onto
   the same slate tokens used across the rest of the app for consistency. */

.bg-purple-700, .bg-purple-600 {
    --tw-bg-opacity: 1 !important;
    background-color: rgb(30 41 59 / var(--tw-bg-opacity)) !important;
}
.text-purple-600 {
    --tw-text-opacity: 1 !important;
    color: rgb(30 41 59 / var(--tw-text-opacity)) !important;
}
.text-purple-500 {
    --tw-text-opacity: 1 !important;
    color: rgb(51 65 85 / var(--tw-text-opacity)) !important;
}
.hover\:bg-purple-800:hover, .hover\:bg-purple-700:hover {
    --tw-bg-opacity: 1 !important;
    background-color: rgb(15 23 42 / var(--tw-bg-opacity)) !important;
}
.hover\:text-purple-800:hover {
    --tw-text-opacity: 1 !important;
    color: rgb(15 23 42 / var(--tw-text-opacity)) !important;
}
.focus\:ring-purple-300:focus {
    --tw-ring-opacity: 1 !important;
    --tw-ring-color: rgb(203 213 225 / var(--tw-ring-opacity)) !important;
}
.focus\:ring-purple-200:focus {
    --tw-ring-opacity: 1 !important;
    --tw-ring-color: rgb(226 232 240 / var(--tw-ring-opacity)) !important;
}
.lg\:text-purple-700 {
    --tw-text-opacity: 1 !important;
    color: rgb(30 41 59 / var(--tw-text-opacity)) !important;
}
.lg\:hover\:text-purple-700:hover {
    --tw-text-opacity: 1 !important;
    color: rgb(15 23 42 / var(--tw-text-opacity)) !important;
}

/* Dark-mode variants: this build toggles via a .dark ancestor class (not the
   admin panel's [data-mode="dark"] attribute). No toggle currently wires it
   up on the public pages, so these are dormant today — included so the
   palette stays correct if dark mode is ever enabled here later. */
.dark .dark\:bg-purple-600 {
    --tw-bg-opacity: 1 !important;
    background-color: rgb(30 41 59 / var(--tw-bg-opacity)) !important;
}
.dark .dark\:text-purple-400 {
    --tw-text-opacity: 1 !important;
    color: rgb(203 213 225 / var(--tw-text-opacity)) !important;
}
.dark .dark\:text-purple-500 {
    --tw-text-opacity: 1 !important;
    color: rgb(148 163 184 / var(--tw-text-opacity)) !important;
}
.dark .dark\:hover\:bg-purple-700:hover {
    --tw-bg-opacity: 1 !important;
    background-color: rgb(15 23 42 / var(--tw-bg-opacity)) !important;
}
.dark .dark\:hover\:text-purple-700:hover {
    --tw-text-opacity: 1 !important;
    color: rgb(15 23 42 / var(--tw-text-opacity)) !important;
}
.dark .dark\:focus\:ring-purple-800:focus {
    --tw-ring-opacity: 1 !important;
    --tw-ring-color: rgb(51 65 85 / var(--tw-ring-opacity)) !important;
}
.dark .dark\:focus\:ring-purple-900:focus {
    --tw-ring-opacity: 1 !important;
    --tw-ring-color: rgb(15 23 42 / var(--tw-ring-opacity)) !important;
}