/* Tryb ciemny całego portalu w palecie wzornika (ta sama co w PMO: redai-ui.css, data-theme="ciemny").
   Ładowany w layouts.app PO buildzie Tailwinda, więc przy tej samej specyficzności wygrywa z paletą
   html.dark z resources/css/app.css (szara #0f1114/#171a1f) bez przebudowy arkusza.
   Działa tylko przy <html class="dark">; tryb jasny zostaje bez zmian. */

html.dark {
    color-scheme: dark;

    /* tokeny wzornika: ekrany na redai-ui-admin.css (narzędzia, Moduły) nie mają własnej wersji ciemnej */
    --ui-ink:#f1f5f9; --ui-ink-2:#e2e8f0; --ui-text:#cbd5e1; --ui-text-2:#b3c0d1; --ui-muted:#94a3b8; --ui-faint:#6b7a90;
    --ui-line:#263244; --ui-line-2:#38465c; --ui-bg:#0b1220; --ui-bg-2:#172032; --ui-card:#111a2b; --ui-on-ink:#0f172a; --ui-ink-hover:#cbd5e1;
    --ui-red:#ef4444; --ui-red-2:#dc2626; --ui-red-bg:#3a1414; --ui-red-line:#7f1d1d;
    --ui-ok:#22c55e; --ui-ok-bg:#0d261b; --ui-ok-line:#14532d; --ui-ok-text:#86efac;
    --ui-warn:#f59e0b; --ui-warn-bg:#2b2110; --ui-warn-line:#78350f; --ui-warn-text:#fcd34d;
    --ui-info:#3b82f6; --ui-info-bg:#101f3d; --ui-info-line:#1e3a8a; --ui-info-text:#93c5fd;
    --ui-shadow:0 1px 3px rgba(0,0,0,.45); --ui-shadow-lg:0 12px 32px rgba(0,0,0,.55); --ui-overlay:rgba(0,0,0,.6);
    --ui-code-bg:#05080f; --ui-code-ink:#e2e8f0;

    /* powierzchnie neutralne Tailwinda = te same tokeny (odwrócona skala) */
    --color-white:     #111a2b;   /* karty, sidebar, topbar  = --ui-card */
    --color-slate-50:  #0b1220;   /* tło strony              = --ui-bg */
    --color-slate-100: #172032;   /*                         = --ui-bg-2 */
    --color-slate-200: #263244;   /* linie                   = --ui-line */
    --color-slate-300: #38465c;   /*                         = --ui-line-2 */
    --color-slate-400: #6b7a90;   /*                         = --ui-faint */
    --color-slate-500: #94a3b8;   /*                         = --ui-muted */
    --color-slate-600: #b3c0d1;   /*                         = --ui-text-2 */
    --color-slate-700: #cbd5e1;   /*                         = --ui-text */
    --color-slate-800: #e2e8f0;   /*                         = --ui-ink-2 */
    --color-slate-900: #f1f5f9;   /*                         = --ui-ink */
    --color-slate-950: #ffffff;

    --color-gray-50: #0b1220; --color-gray-100: #172032; --color-gray-200: #263244; --color-gray-300: #38465c;
    --color-gray-400: #6b7a90; --color-gray-500: #94a3b8; --color-gray-600: #b3c0d1; --color-gray-700: #cbd5e1;
    --color-gray-800: #e2e8f0; --color-gray-900: #f1f5f9; --color-gray-950: #ffffff;

    --color-zinc-50: #0b1220; --color-zinc-100: #172032; --color-zinc-200: #263244; --color-zinc-300: #38465c;
    --color-zinc-400: #6b7a90; --color-zinc-500: #94a3b8; --color-zinc-600: #b3c0d1; --color-zinc-700: #cbd5e1;
    --color-zinc-800: #e2e8f0; --color-zinc-900: #f1f5f9; --color-zinc-950: #ffffff;

    --color-neutral-50: #0b1220; --color-neutral-100: #172032; --color-neutral-200: #263244; --color-neutral-300: #38465c;
    --color-neutral-400: #6b7a90; --color-neutral-500: #94a3b8; --color-neutral-600: #b3c0d1; --color-neutral-700: #cbd5e1;
    --color-neutral-800: #e2e8f0; --color-neutral-900: #f1f5f9; --color-neutral-950: #ffffff;

    --color-stone-50: #0b1220; --color-stone-100: #172032; --color-stone-200: #263244; --color-stone-300: #38465c;
    --color-stone-400: #6b7a90; --color-stone-500: #94a3b8; --color-stone-600: #b3c0d1; --color-stone-700: #cbd5e1;
    --color-stone-800: #e2e8f0; --color-stone-900: #f1f5f9; --color-stone-950: #ffffff;

    /* akcent "cyan" jest w tym portalu neutralny (patrz @theme w app.css) */
    --color-cyan-50: #172032; --color-cyan-100: #263244; --color-cyan-200: #38465c; --color-cyan-300: #4b5a72;
    --color-cyan-400: #b3c0d1; --color-cyan-500: #f1f5f9; --color-cyan-600: #ffffff; --color-cyan-700: #ffffff;
    --color-cyan-800: #ffffff; --color-cyan-900: #ffffff;

    /* tła i obramowania komunikatów jak w odznakach wzornika (--ui-red-bg, --ui-ok-bg, --ui-warn-bg, --ui-info-bg) */
    --color-rose-50: #3a1414; --color-rose-100: #3a1414; --color-rose-200: #7f1d1d;
    --color-red-50:  #3a1414; --color-red-100:  #3a1414; --color-red-200:  #7f1d1d;
    --color-amber-50: #2b2110; --color-amber-100: #2b2110; --color-amber-200: #78350f;
    --color-yellow-50: #2b2110; --color-yellow-100: #2b2110; --color-yellow-200: #78350f;
    --color-orange-50: #2b1a08; --color-orange-100: #3b230b; --color-orange-200: #7c2d12;
    --color-emerald-50: #0d261b; --color-emerald-100: #0d261b; --color-emerald-200: #14532d;
    --color-green-50:   #0d261b; --color-green-100:   #0d261b; --color-green-200:   #14532d;
    --color-blue-50: #101f3d; --color-blue-100: #101f3d; --color-blue-200: #1e3a8a;
    --color-sky-50:  #101f3d; --color-sky-100:  #101f3d; --color-sky-200:  #1e3a8a;
    --color-indigo-50: #141936; --color-indigo-100: #1b2247; --color-indigo-200: #312e81;
}

/* pasek przewijania w kolorze tła, nie systemowy szary */
html.dark { scrollbar-color: #38465c #0b1220; }