/**
 * Темна тема: дублікат ключових Tailwind-утиліт (slate / indigo / …).
 * Потрібно, коли public/build зібраний без актуального сканування views (немає node/npm на сервері).
 * Після повної `npm run build` ці правила лише дублюють вже згенеровані класи — гірше не буде.
 */

/* ——— Backgrounds ——— */
.bg-black {
    background-color: #000;
}
.bg-slate-950 {
    background-color: rgb(2 6 23);
}
.bg-slate-900 {
    background-color: rgb(15 23 42);
}
.bg-slate-800 {
    background-color: rgb(30 41 59);
}
.bg-slate-950\/95 {
    background-color: rgb(2 6 23 / 0.95);
}
.bg-slate-950\/80 {
    background-color: rgb(2 6 23 / 0.8);
}
.bg-slate-900\/95 {
    background-color: rgb(15 23 42 / 0.95);
}
.bg-slate-900\/90 {
    background-color: rgb(15 23 42 / 0.9);
}
.bg-indigo-950\/50 {
    background-color: rgb(30 27 75 / 0.5);
}
.bg-indigo-950\/60 {
    background-color: rgb(30 27 75 / 0.6);
}
.bg-indigo-950\/70 {
    background-color: rgb(30 27 75 / 0.7);
}
.bg-indigo-950\/80 {
    background-color: rgb(30 27 75 / 0.8);
}
.bg-red-950\/40 {
    background-color: rgb(69 10 10 / 0.4);
}
.bg-red-950\/50 {
    background-color: rgb(69 10 10 / 0.5);
}
.bg-red-950\/80 {
    background-color: rgb(69 10 10 / 0.8);
}

.hover\:bg-slate-800:hover {
    background-color: rgb(30 41 59);
}
.hover\:bg-slate-900:hover {
    background-color: rgb(15 23 42);
}
.hover\:bg-slate-700:hover {
    background-color: rgb(51 65 85);
}
.hover\:bg-slate-700\/60:hover {
    background-color: rgb(51 65 85 / 0.6);
}
.hover\:bg-indigo-950\/80:hover {
    background-color: rgb(30 27 75 / 0.8);
}
.hover\:bg-red-950\/80:hover {
    background-color: rgb(69 10 10 / 0.8);
}

.focus\:bg-slate-900:focus {
    background-color: rgb(15 23 42);
}
.focus\:bg-slate-700:focus {
    background-color: rgb(51 65 85);
}
.focus\:bg-indigo-950\/80:focus {
    background-color: rgb(30 27 75 / 0.8);
}

/* ——— Text ——— */
.text-slate-100 {
    color: rgb(241 245 249);
}
.text-slate-200 {
    color: rgb(226 232 240);
}
.text-slate-300 {
    color: rgb(203 213 225);
}
.text-slate-400 {
    color: rgb(148 163 184);
}
.text-slate-500 {
    color: rgb(100 116 139);
}
.text-indigo-200 {
    color: rgb(199 210 254);
}
.text-indigo-300 {
    color: rgb(165 180 252);
}
.text-indigo-400 {
    color: rgb(129 140 248);
}
.text-indigo-500 {
    color: rgb(99 102 241);
}
.text-emerald-400 {
    color: rgb(52 211 153);
}
.text-red-300 {
    color: rgb(252 165 165);
}
.text-red-400 {
    color: rgb(248 113 113);
}

.text-indigo-300\/80 {
    color: rgb(165 180 252 / 0.8);
}

.hover\:text-slate-100:hover {
    color: rgb(241 245 249);
}
.hover\:text-slate-200:hover {
    color: rgb(226 232 240);
}
.hover\:text-indigo-400:hover {
    color: rgb(129 140 248);
}

.focus\:text-indigo-200:focus {
    color: rgb(199 210 254);
}
.focus\:text-slate-100:focus {
    color: rgb(241 245 249);
}

/* ——— Borders ——— */
.border-slate-900 {
    border-color: rgb(15 23 42);
}
.border-slate-800 {
    border-color: rgb(30 41 59);
}
.border-slate-700 {
    border-color: rgb(51 65 85);
}
.border-slate-600 {
    border-color: rgb(71 85 105);
}
.border-indigo-400 {
    border-color: rgb(129 140 248);
}
.border-indigo-500\/50 {
    border-color: rgb(99 102 241 / 0.5);
}
.border-indigo-600\/40 {
    border-color: rgb(79 70 229 / 0.4);
}
.border-red-900\/50 {
    border-color: rgb(127 29 29 / 0.5);
}
.border-red-800\/50 {
    border-color: rgb(153 27 27 / 0.5);
}

.hover\:border-slate-500:hover {
    border-color: rgb(100 116 139);
}
.hover\:border-slate-600:hover {
    border-color: rgb(71 85 105);
}
.hover\:border-indigo-500\/60:hover {
    border-color: rgb(99 102 241 / 0.6);
}
.hover\:border-indigo-600\/40:hover {
    border-color: rgb(79 70 229 / 0.4);
}

.focus\:border-indigo-300:focus {
    border-color: rgb(165 180 252);
}
.focus\:border-indigo-400:focus {
    border-color: rgb(129 140 248);
}
.focus\:border-indigo-500:focus {
    border-color: rgb(99 102 241);
}
.focus\:border-slate-600:focus {
    border-color: rgb(71 85 105);
}

/* ——— Divide ——— */
.divide-slate-700 > :not([hidden]) ~ :not([hidden]) {
    --tw-divide-opacity: 1;
    border-color: rgb(51 65 85 / var(--tw-divide-opacity, 1));
}

/* ——— Ring (dropdown) ——— */
.ring-slate-800 {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(30 41 59 / var(--tw-ring-opacity, 1));
}

.focus\:ring-offset-black:focus {
    --tw-ring-offset-color: #000;
}
.focus\:ring-offset-slate-900:focus {
    --tw-ring-offset-color: #0f172a;
}

/* ——— Backdrop ——— */
.backdrop-blur-sm {
    --tw-backdrop-blur: blur(4px);
    backdrop-filter: var(--tw-backdrop-blur);
    -webkit-backdrop-filter: var(--tw-backdrop-blur);
}