/* 🎨 PALETA „ŠALVĚJ" pro učitelské a správcovské rozhraní (varianta A3).
 *
 * Bětčina paleta z 5. 9. 2026 — „Šalvěj · karty do ztracena": krémové plátno,
 * lněný levý panel, šalvějová lišta a karty, zlaté štítky. Honza ji 6. 9. 2026
 * schválil jako NÁHRADU za odloženou „Teplou" ze 4. 9.: „nahraď obsah Teplé
 * paletou z varianty A3 a přejmenuj ji na Šalvěj (tak jí Bětka říká)."
 *
 * Barvy jsou VYTAŽENÉ SKRIPTEM z Bětčina náhledu (skutečné rozhraní vykreslené
 * v 1440 px), ne opsané ručně: 70 proměnných světlého bloku a 36 tmavého.
 * Ručně se doladil jen KONTRAST — u každé opravy je důvod v komentáři.
 *
 * ⚠️ TENHLE SOUBOR SMÍ OBSAHOVAT JEN PROMĚNNÉ + JEDEN PŘECHOD na levém panelu
 * (`html.zn-ucitel.dark .zn-bok`). Žádné rozvržení, žádné tvary — ta všechna
 * jsou v `static/ucitel-vzhled.css` a platí pro obě palety stejně. Kdyby se sem
 * zkopírovalo pravidlo, začaly by se palety rozjíždět a dnešní vzhled by se dal
 * rozbít odsud. Hlídá to `tests/test_vzhled_ucitele.py`.
 *
 * Vkládá se JEN učiteli, který si ji v /teacher/ucet zvolil (`teachers.ui_theme`),
 * a to AŽ ZA `ucitel-vzhled.css` — proto stačí přepsat hodnoty. Kdo ji zvolenou
 * nemá, ten si soubor vůbec nestáhne; žákovská hra a admin ji nevidí nikdy.
 *
 * Selektory jsou `html.zn-ucitel:not(.dark)` / `html.zn-ucitel.dark` (specificita
 * 0,2,1) — stejné jako v základu, takže rozhoduje pořadí souborů, a zároveň vyšší
 * než blok „2b" základu (0,1,1), který nese role sloupce a lišty.
 *
 * SVĚTLÝ A TMAVÝ REŽIM JSOU NEZÁVISLÉ na volbě palety: „Šalvěj" má obojí, stejně
 * jako „Světlá". Přepínač Světlý/Tmavý v liště se nemění.
 */

/* ─────────────────────────────────────────────────────────────────────────
   ŠALVĚJ — SVĚTLÝ REŽIM
   ───────────────────────────────────────────────────────────────────────── */
html.zn-ucitel:not(.dark) {
  /* 🌿 VARIANTA A3 — odvozena ze zakonzervované A2 (Šalvěj, potlačená hnědá) na panelu a dlaždicích
     (Honza 4. 9. 2026). Sytost hnědé plochy na 65 %, linky a ostatní beze změny.
     Tokeny schématu → naše proměnné podle sloupce „Použití". */
  --page: #FCFBF6;           /* --canvas zesvětlené (Honza 5. 9. 2026: „malinko zesvětlíme
                                pozadí") — karty tím ustoupí víc a ilustrace přestane tlačit */
  --card: #E9E5D6;           /* --surface-muted: karty */
  --card-line: #C9B79A;      /* --brown: jemné rámečky */
  --card-line-2: #D5CBB4;    /* tišší linka (odvozeno z --brown) */

  --inset: #EDE9DC;          /* --surface-row: řádky v seznamech */
  /* Karta je tu lněná (#E9E5D6) a `--inset` je od ní vzdálený jen pár jednotek —
     bublina operátora proto splývala. Dostává skoro bílou plochu. */
  --zprava-cizi: #FBF9F3;
  --inset-strong: #EDE6D2;   /* --surface-warm: teplé plošky */

  --ink: #302D22;            /* --text-primary ztmavené 9. 9. 2026 — 11,4:1 na kartě */
  --muted: #4E4C3A;          /* --text-secondary ztmavené — 7,1:1 */
  --faint: #5E5133;          /* --text-muted ztmavené znovu 9. 9. 2026: #71613F mělo na kartě
                                #E9E5D6 jen 4,17:1, tohle 4,78:1 */
  --ink-2: #4A3B1B;          /* --brown-text */

  --green: #557F1D;          /* --green-action-hover jako základní zelená:
                                bílý text na #639922 měl jen 3,44:1, tady 4,73:1 */
  --green-dark: #46691A;     /* o stupeň tmavší hover — bílá 6,37:1 */
  --green-strong: #557F1D;
  /* PROHOZENÉ ZELENÉ (Honza 4. 9. 2026): uvítací pruh a horní panel berou zelenou,
     kterou měla aktivní položka bočního panelu; boční panel bere tu z uvítání. */
  --green-soft: #D5E2BE;     /* --green-active-nav: uvítací pruh, zelenavé plochy */
  --green-faint: #E4EBD8;    /* --surface-card: doběh přechodu */
  --green-ram: #C0DD97;      /* --green-active-bg: rámečky a štítky */

  --btn: var(--green);
  --btn-hover: var(--green-dark);
  --btn-ink: #ffffff;        /* 4,73:1 na opravené zelené */

  --bar: var(--btn);
  --bar-ink: #ffffff;
  --subbar: #D8C79A;         /* --gold */
  --subbar-ink: #4A3B1B;
  --subbar-link: #27500A;

  --ink-surface: #4A3B1B;    /* --brown-text jako tmavá plocha */
  --ink-surface-text: #F3F0E4;

  --tag: #D8C79A;            /* --gold */
  --tag-ink: #4A3B1B;        /* --brown-text — 6,5:1 */

  --amber-soft: #EDE6D2;     /* --surface-warm */
  --amber-ink: #854F0B;      /* --text-on-warm — 5,4:1 */

  --red-soft: #F1DFD3;       /* schéma červenou nemá — doladěno do plátna */
  --red-ink: #8C3A18;

  --info-bg: #E4EAE4;        /* schéma modrou nemá — vedeno jako tichá plocha */
  --info-ink: #3B5C46;
  --info-line: #C9D3C4;
  --info-strong: #557F1D;
  --info-strong-hover: #46691a;
  --info-strong-ink: #ffffff;

  --fial-soft: #E7E2D2;
  --fial-ink: #6B5A2E;

  --okno-stin: rgba(61, 59, 46, .55);

  /* Postranní panel je podle schématu NEUTRÁLNÍ (--surface), ne zelený;
     zelená zůstává akcentem (pravidlo 1 schématu). Lišta bere --brown. */
  /* Boční panel HNĚDÝ jako dlaždice (Honza 4. 9. 2026: „a dej ji i na boční panel").
     Text podle pravidla 2 schématu: --brown-text (5,6:1). Aktivní položka zůstává
     zelená ze schématu — světle zelená na hnědé je zřetelná a text 6,9:1. */
  --bok-bg: #E9E5D6;         /* LNĚNÁ z karet (Honza: „lněnou z dlaždic do panelu vlevo") */         /* --brown — Honza 4. 9. 2026: „vrať tu hnědou na panel vlevo" */
  --bok-text: #4A3B1B;       /* --brown-text — 8,4:1 na lněné */
  --bok-heslo: #27500A;      /* --green-text — 4,8:1 */
  --bok-hover: rgba(74, 59, 27, .10);
  --bok-akt-bg: #C0DD97;     /* --green-active-bg: sytější, ať se od panelu odliší */
  --bok-akt-ink: #27500A;    /* --green-text — 6,2:1 */

  /* Horní pruh (i jeho pokračování nad panelem) má LNĚNOU barvu dlaždic, ne hnědou
     (Honza 4. 9. 2026). Hnědá zůstává jen na jemné lince pod pruhem — jinak by pruh
     na panelu #EAE7D8 splynul, plochy schématu jsou si jasem hodně blízko. */
  --lista-bg: #D5E2BE;       /* --green-active-nav: zelená z bočního panelu */

  /* PROHOZENO (Honza 4. 9. 2026): dlaždice s čísly dostaly hnědou, kterou měl pruh.
     Pravidlo 2 schématu proto platí i tady — text na barevné ploše bere tmavou
     variantu téže rodiny: --brown-text (5,6:1), číslo --green-text (4,8:1).
     Sekundární #5F5E4A by mělo jen 3,4:1, na hnědé se nedá použít. */
  --dlazdice-bg: #E9E5D6;    /* LNĚNÁ: dlaždice učitelé / třídy / žáci */    /* --brown */
  --dlazdice-ram: #C9B79A;   /* --brown: jemný rámeček */
  --dlazdice-ink: #4A3B1B;   /* --brown-text */
  --dlazdice-cislo: #3B6D11; /* --green-text-soft — 4,9:1 na lněné */
  --lista-ink: #3D3B2E;      /* --text-primary — 8,4:1 */
  --lista-tlum: #5F5E4A;     /* --text-secondary — 4,9:1 */
  --lista-pole: rgba(243, 240, 228, .75);
  --lista-line: #C9B79A;     /* --brown: jemný rámeček podle pravidla 4 */

  /* ZELENÁ z uvítací dlaždice na ostatní karty (Honza 4. 9. 2026). Vlastní proměnná,
     ať zelené nejsou i pole a tlačítka uvnitř karet — ty zůstávají na --card. */
  /* Karty berou ŠALVĚJ Z HORNÍ LIŠTY (Honza 5. 9. 2026). Vazba na --lista-bg, ne pevný
     hex — když se změní lišta, karty jdou s ní a odstíny se nemohou rozejít. */
  /* Karty „do ztracena" (Honza 5. 9. 2026): šalvěj z lišty, ale POLOPRŮHLEDNÁ, takže
     plátno pod ní lehce prosvítá. Sytost se tím nemění — mění se krytí, proto karta
     ustoupí, aniž by barva sklouzla do šedé jako při ztlumování.
     ⚠️ Krytí nesmí klesnout moc nízko: pod ~70 % začne přes text prosvítat ILUSTRACE
     na pozadí (`pozadi-scena.css`) a karta přestane být čitelná. Ověřeno snímkem. */
  --karta-bg: rgba(213, 226, 190, .78);
  --karta-ram: rgba(201, 183, 154, .45);

  --avatar-bg: #D5E2BE;
  --bar-track: #DCD6C4;
  --panel-muted: #5F5E4A;
  --low-bg: #F1DFD3;  --low-ink: #8C3A18;
  --avg-bg: #EDE6D2;  --avg-ink: #854F0B;
  --high-bg: #E4EBD8; --high-ink: #3B6D11;
  --sezonni-bg: #EDE6D2; --sezonni-ram: #D8C79A; --sezonni-text: #854F0B;

  /* Doplněno k Bětčině sadě: `ucitel-vzhled.css` tyhle proměnné používá, a test
     „barvy sloupce a lišty přebarví obě palety v obou režimech" je vyžaduje
     v OBOU blocích — jinak by jedna kombinace zůstala bílá. */
  --bok-ram: var(--card-line);      /* pravá hrana panelu — lněná proti plátnu */
  --bok-tlum: var(--muted);         /* nadskupiny „VÝUKA" / „ŠKOLA" — 5,2:1 na lněné */
  --bok-hover-ink: var(--bok-text); /* text pod myší zůstává hnědý — 7,3:1 */
  --bok-oddel: var(--card-line);    /* linka mezi skupinami */
  --lista-spodek: var(--card-line); /* spodní hrana lišty */

  /* Stín do tepla — plochy jsou krémové, modrošedý stín na nich zůstává studený. */
  --stin: 61, 59, 46;
}

/* ─────────────────────────────────────────────────────────────────────────
   ŠALVĚJ — TMAVÝ REŽIM

   Plochy, karty a text si paleta v tmavém režimu NEPŘEBARVUJE: tmavá paleta má
   odzkoušený kontrast. Mění se zelená rodina, doplňkové barvy a — na rozdíl od
   „Teplé" — levý panel, který dostává přechod (níž).
   ───────────────────────────────────────────────────────────────────────── */
html.zn-ucitel.dark {
  --card-line-2: var(--card-line);
  --ink-2: var(--ink);

  --green: #2FBF87;
  --green-dark: #6FDCAE;
  --green-strong: #2FBF87;
  --green-soft: #123326;
  --green-faint: #16261F;
  --green-ram: #27503E;

  --btn: #2FBF87;
  --btn-hover: #6FDCAE;
  --btn-ink: #04160F;        /* 8,9:1 na #2FBF87 */
  --bar: var(--btn);
  --bar-ink: #04160F;

  --amber-soft: #2E2312;
  --amber-ink: #F3C784;
  --red-soft: #33191A;
  --red-ink: #FDA29B;

  --info-bg: #17273C;
  --info-ink: #9CC3FF;
  --info-line: #24405F;
  --info-strong: #2B4FA8;
  --info-strong-hover: #3A64C8;
  --info-strong-ink: #F2F4FF;

  --fial-soft: #241D38;
  --fial-ink: #C9B4FF;

  /* Panel i lišta v tmavém režimu: zelená ztlumená, ať plocha nesvítí. */
  /* V tmavém režimu zůstává písmo světlé — hnědá by na tmavé zeleni zmizela. */
  --bok-bg: var(--green-soft);
  --bok-text: #cfe8dd;
  --bok-heslo: #6FDCAE;
  --bok-hover: rgba(232, 234, 242, .09);
  --bok-akt-bg: #2FBF87;
  --bok-akt-ink: #04160F;

  --lista-bg: #1c2133;
  --lista-ink: #e8eaf2;
  --lista-tlum: #a4aac2;
  --lista-pole: rgba(232, 234, 242, .09);
  --lista-line: rgba(232, 234, 242, .16);

  /* Doplněno k Bětčině sadě (viz světlý blok). */
  --bok-ram: transparent;           /* linka by přechod na panelu přeťala */
  --bok-tlum: #9DBFB2;              /* 6,9:1 nahoře, 9,4:1 dole na doběhu přechodu */
  --bok-hover-ink: #E8F6EF;         /* 9,7:1 na projasněné ploše pod myší */
  --bok-oddel: rgba(232, 234, 242, .16);
  --lista-spodek: transparent;
}

/* ─────────────────────────────────────────────────────────────────────────
   TMAVÝ REŽIM: LEVÝ PANEL MÁ STEJNÝ PŘECHOD JAKO UVÍTACÍ DLAŽDICE

   Bětka: „v tmavém režimu má levý panel stejný přechod jako uvítací dlaždice."
   Je to JEDINÉ pravidlo v tomhle souboru a je tu schválně: v `ucitel-vzhled.css`
   by přebarvilo i „Světlou", kde panel splývá s kartami a přechod nedává smysl.
   Zastávky jsou stejné jako u `.zn-uvitani` (green-soft → green-faint → page),
   jen se zlom posouvá ze 60 % na 42 % — panel je přes celou výšku okna, takže
   při 60 % by doběh do plochy stránky spadl až pod ohyb a nebyl by vidět.

   Kontrast textu na přechodu: položky #cfe8dd 10,6:1 nahoře a 14,6:1 dole,
   nadskupiny #9DBFB2 6,9:1 / 9,4:1 — tedy nad normou po celé výšce.
   ───────────────────────────────────────────────────────────────────────── */
html.zn-ucitel.dark .zn-bok {
  background: linear-gradient(180deg, var(--green-soft) 0%, var(--green-faint) 42%, var(--page) 100%);
}