/* Motywy kolorystyczne panelu (wybór w Ustawieniach / Konto). Domyślny „Zieleń GAP” = kolory prototypu. data-palette na : granat | terakota; data-theme: light | dark (brak = jak w systemie). */ :root[data-palette="granat"]{ --bg:#EEF1F6;--surface:#FFFFFF;--surface2:#F4F6FA;--ink:#172238;--muted:#5A6478;--line:#D5DBE6; --accent:#2B4C8C;--accentInk:#FFFFFF;--accentSoft:#DDE6F6;color-scheme:light} @media (prefers-color-scheme: dark){:root[data-palette="granat"]:not([data-theme="light"]){ --bg:#0F1522;--surface:#161E2E;--surface2:#1C2638;--ink:#E3E8F2;--muted:#9AA6BC;--line:#2A3550; --accent:#7FA3E8;--accentInk:#0C1220;--accentSoft:#1F2C47;color-scheme:dark}} :root[data-palette="granat"][data-theme="dark"]{ --bg:#0F1522;--surface:#161E2E;--surface2:#1C2638;--ink:#E3E8F2;--muted:#9AA6BC;--line:#2A3550; --accent:#7FA3E8;--accentInk:#0C1220;--accentSoft:#1F2C47;color-scheme:dark} :root[data-palette="terakota"]{ --bg:#F2EFEB;--surface:#FFFFFF;--surface2:#F8F5F1;--ink:#2A2622;--muted:#6E655C;--line:#E2DBD2; --accent:#B0582A;--accentInk:#FFFFFF;--accentSoft:#F5E2D6;color-scheme:light} @media (prefers-color-scheme: dark){:root[data-palette="terakota"]:not([data-theme="light"]){ --bg:#171513;--surface:#201D1A;--surface2:#28241F;--ink:#EDE7E0;--muted:#A89C90;--line:#3A332C; --accent:#E08A52;--accentInk:#1A120C;--accentSoft:#3A2618;color-scheme:dark}} :root[data-palette="terakota"][data-theme="dark"]{ --bg:#171513;--surface:#201D1A;--surface2:#28241F;--ink:#EDE7E0;--muted:#A89C90;--line:#3A332C; --accent:#E08A52;--accentInk:#1A120C;--accentSoft:#3A2618;color-scheme:dark} /* strony poza panelem (logowanie, konto, teren) – ciemny tryb także dla domyślnej zieleni */ :root[data-theme="dark"]:not([data-palette]),:root[data-theme="dark"][data-palette="zielen"]{ --bg:#111918;--surface:#18221F;--surface2:#1E2A27;--ink:#E3ECE9;--muted:#98A9A5;--line:#2C3A37; --accent:#62B6A2;--accentInk:#0D1715;--accentSoft:#1E3833;color-scheme:dark} :root[data-theme="light"]{color-scheme:light} /* wybór motywu */ .gap-themes{display:flex;flex-wrap:wrap;gap:8px;margin:4px 0 8px} .gap-themes button{display:flex;align-items:center;gap:8px;border:1px solid var(--line);background:var(--surface);color:var(--ink);border-radius:10px;padding:8px 12px;cursor:pointer;font:inherit;font-weight:600;font-size:14px} .gap-themes button.on{border-color:var(--accent);box-shadow:0 0 0 2px var(--accentSoft)} .gap-themes .sw{display:inline-flex;width:34px;height:18px;border-radius:9px;overflow:hidden;border:1px solid rgba(0,0,0,.1)} .gap-themes .sw i{flex:1}