/* Színvilágok (Beállítások oldal). Az alap a mostani színvilág: az oldalak saját :root változói, itt nincs felülírva.
   A vidám témák ugyanazokat a változókat írják felül, világos és sötét változatban (a rendszer beállítását követik).
   A grafikon-színek (--s-*, --f-*) színtévesztésre ellenőrizve, a szövegek kontrasztja legalább 4,5:1 (ellenőrizve). */

/* Vidám 1 – Nyár: málna, borostyán, türkiz */
html:root[data-palette="vidam1"], .tema-minta[data-palette="vidam1"] {
  --bg: #fff5ec; --panel: #ffffff; --text: #2d1a2e; --muted: #75555f; --line: #f5dccb; --grid: #f7e6da; --accent: #c9255e; --on-accent: #ffffff;
  --p1: #7f5200; --p1bg: #ffe9a8; --p2: #1257b8; --p2bg: #d6e8ff; --p3: #0c6f43; --p3bg: #c9f5dc; --p3b: #b81d39; --p3bbg: #ffdbe0;
  --mod: #a0420a; --modbg: #ffe1c9; --old: #b81d39; --new: #0c6f43;
  --warn: #7f5200; --warnbg: #ffe9a8; --ok: #0c6f43; --okbg: #c9f5dc; --info: #1257b8; --infobg: #d6e8ff; --err: #b81d39; --errbg: #ffdbe0;
  --shadow: 0 1px 4px rgba(150,60,70,.12);
  --s-redony: #c2255c; --s-szunyog: #eda100; --s-kapu: #008ca3; --f-received: #6741d9; --f-confirmed: #f76707; --f-approved: #0ca678;
  --header-bg: linear-gradient(100deg, #ffe0c2 0%, #ffd3e0 55%, #fff0b8 100%); --header-muted: #5f3f4c; --header-accent: #a3154a;
  --thead: #fff0e4; --c1: #e8447f; --c2: #f59f00; --c3: #12b5a6; --c4: #7c5cdb;
}
/* Vidám 2 – Tavasz: ibolya, égszínkék, korall, menta */
html:root[data-palette="vidam2"], .tema-minta[data-palette="vidam2"] {
  --bg: #f1f6ff; --panel: #ffffff; --text: #1c2147; --muted: #565c84; --line: #d9e2f7; --grid: #e6ecfa; --accent: #5b3fd6; --on-accent: #ffffff;
  --p1: #7d5a08; --p1bg: #fff0b8; --p2: #0f5fb0; --p2bg: #d3ebff; --p3: #0a6f4d; --p3bg: #c8f4e2; --p3b: #b3234a; --p3bbg: #ffdde6;
  --mod: #94460f; --modbg: #ffe5d3; --old: #b3234a; --new: #0a6f4d;
  --warn: #7d5a08; --warnbg: #fff0b8; --ok: #0a6f4d; --okbg: #c8f4e2; --info: #0f5fb0; --infobg: #d3ebff; --err: #b3234a; --errbg: #ffdde6;
  --shadow: 0 1px 4px rgba(70,60,170,.12);
  --s-redony: #5b3fd6; --s-szunyog: #0ea5c6; --s-kapu: #f2704d; --f-received: #1971c2; --f-confirmed: #f08c00; --f-approved: #12b886;
  --header-bg: linear-gradient(100deg, #d7e8ff 0%, #e6dcff 50%, #d2f5e8 100%); --header-muted: #434970; --header-accent: #4527b8;
  --thead: #eef1ff; --c1: #5b3fd6; --c2: #12a5c9; --c3: #25b77c; --c4: #ff7a59;
}
@media (prefers-color-scheme: dark) {
  html:root[data-palette="vidam1"], .tema-minta[data-palette="vidam1"] {
    --bg: #1e1320; --panel: #2b1b2e; --text: #fdeff4; --muted: #cdaebc; --line: #48304c; --grid: #3c2840; --accent: #ff7aa6; --on-accent: #2a0f1c;
    --p1: #ffd45e; --p1bg: #453510; --p2: #93c0ff; --p2bg: #1c3050; --p3: #6fe0a6; --p3bg: #153a28; --p3b: #ff9aa8; --p3bbg: #4a1c28;
    --mod: #ffb47a; --modbg: #47290f; --old: #ff9aa8; --new: #6fe0a6;
    --warn: #ffd45e; --warnbg: #453510; --ok: #6fe0a6; --okbg: #153a28; --info: #93c0ff; --infobg: #1c3050; --err: #ff9aa8; --errbg: #4a1c28;
    --shadow: none;
    --s-redony: #d6336c; --s-szunyog: #c98500; --s-kapu: #1098ad; --f-received: #9085e9; --f-confirmed: #d95926; --f-approved: #199e70;
    --header-bg: linear-gradient(100deg, #4a1d3f 0%, #5c2a2a 55%, #4f3a16 100%); --header-muted: #e6cdd7; --header-accent: #ffb0cb;
    --thead: #342137; --c1: #f0568e; --c2: #f0a81c; --c3: #1fb5a3; --c4: #9d85ee;
  }
  html:root[data-palette="vidam2"], .tema-minta[data-palette="vidam2"] {
    --bg: #12142e; --panel: #1c1f42; --text: #eef0ff; --muted: #aeb3d8; --line: #33376a; --grid: #2a2e5c; --accent: #a896ff; --on-accent: #17123f;
    --p1: #ffd866; --p1bg: #3f3412; --p2: #8cc4ff; --p2bg: #173256; --p3: #6fe3b8; --p3bg: #123d31; --p3b: #ff9ab2; --p3bbg: #481c30;
    --mod: #ffb98a; --modbg: #452b15; --old: #ff9ab2; --new: #6fe3b8;
    --warn: #ffd866; --warnbg: #3f3412; --ok: #6fe3b8; --okbg: #123d31; --info: #8cc4ff; --infobg: #173256; --err: #ff9ab2; --errbg: #481c30;
    --shadow: none;
    --s-redony: #7f6df2; --s-szunyog: #1c9fc0; --s-kapu: #e0663e; --f-received: #3a8ee6; --f-confirmed: #c98500; --f-approved: #1fa37a;
    --header-bg: linear-gradient(100deg, #1d2f5c 0%, #33246a 50%, #134a43 100%); --header-muted: #d3d6f0; --header-accent: #c9beff;
    --thead: #24285a; --c1: #9d8bff; --c2: #22b8d6; --c3: #38c98f; --c4: #ff8f70;
  }
}

/* A vidám témák hangulata: színes fejléc, színes csík a számkártyákon, tónusos táblázatfej */
html:root[data-palette] header { background: var(--header-bg); border-bottom-color: var(--line); --muted: var(--header-muted); --accent: var(--header-accent); }
html:root[data-palette] th { background: var(--thead); }
html:root[data-palette] .stat, html:root[data-palette] .tile { border-top: 3px solid var(--c1); }
html:root[data-palette] .stat:nth-child(4n+2), html:root[data-palette] .tile:nth-child(4n+2) { border-top-color: var(--c2); }
html:root[data-palette] .stat:nth-child(4n+3), html:root[data-palette] .tile:nth-child(4n+3) { border-top-color: var(--c3); }
html:root[data-palette] .stat:nth-child(4n), html:root[data-palette] .tile:nth-child(4n) { border-top-color: var(--c4); }