/* ============================================================================
   VZHLED EDUSHOW — JEDNO MÍSTO PRO PÍSMA A BARVY
   ============================================================================
   Zadavatel 19. 9. 2026: *„Další vývoj už musí být ve finálním a jednotném
   designu."* A hned potom: *„v budoucnu budu chtít přidat různé barevné
   palety prostředí pro uživatele."* (dokumenty/ZADANI-UI-ALBUM.md, oddíl G)

   Tenhle soubor načítá KAŽDÁ stránka — administrativa i prezentační zóna
   (Tabule, promítání, žák) — a to PŘED svým stylopisem. Dvě kopie palety
   by se rozešly při první úpravě (bod 7).

   ─── TŘI VRSTVY BAREV ─────────────────────────────────────────────────
   1. PALETA PROSTŘEDÍ — volí ji uživatel (dnes je jediná, „album").
      Blok níž se selektorem `:root[data-paleta="…"]`. Nová paleta =
      NOVÝ BLOK SE STEJNÝMI TOKENY a řádek v `PALETY` (stranky.mjs).
      Úplnost a kontrast každé palety hlídá stráž.
   2. POZADÍ LEKCE — deska, rám a křída. Volí ho LEKCE, ne uživatel
      (R6: výchozí zelená tabule, později papír nebo vlastní obrázek).
      Uživatelská paleta na něj NESAHÁ — žák by jinak viděl jinou tabuli,
      než jakou lektorka připravila.
   3. OBSAH KROKU — barvy úloh na desce se odvozují z pozadí lekce
      (`.plocha` ve styl.css).

   ─── CO PALETA NENÍ ───────────────────────────────────────────────────
   Paleta mění JEN BARVY. Písma, zaoblení a rozměry jsou společné všem
   (blok „Společné" níž) — kdo chce jiné písmo, nepřidává paletu.

   **Barva napsaná natvrdo mimo tenhle soubor je vada**: nová paleta by ji
   nepřebarvila a nikdo by nevěděl, že tam je. Hlídá to stráž nad stylopisy.
   Odstíny, které se jen odvozují (stín, průhledná výplň), se skládají
   přes `color-mix()` z tokenů, ne přes rgba() s čísly.

   Tokeny nesou ROLI, ne odstín: `--hlavni-svetle` je „jemný podklad
   akce", v tmavé paletě bude tmavý. Kdo token čte, ptá se na roli.
   ============================================================================ */

/* ─── PÍSMA — ZAPEČENÁ, ne z cizího serveru ────────────────────────────
   Nadpisy Fraunces, text Inter (vzhled „album", 18. 9. 2026). Obě jsou
   PROMĚNNÁ písma — jeden soubor pokrývá celý rozsah řezů. Školní ručně
   psané Patrick Hand (T2.4d, volba „ručně" v liště Tabule) má jen řez 400;
   tučné si prohlížeč dopočítá. latin-ext je
   povinný — bez něj nemá čeština ěščřžůďťň. Vydává je staticke.mjs
   z výčtu, CSP dovoluje font-src 'self'.

   font-display:swap — text je čitelný hned systémovým písmem a přepne
   se, až písmo dojde. Nikdo nekouká na prázdnou stránku. */
@font-face{font-family:"Fraunces";src:url("/pisma/fraunces-latin-ext.woff2") format("woff2");
font-weight:100 900;font-display:swap;
unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"Fraunces";src:url("/pisma/fraunces-latin.woff2") format("woff2");
font-weight:100 900;font-display:swap;
unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Inter";src:url("/pisma/inter-latin-ext.woff2") format("woff2");
font-weight:100 900;font-display:swap;
unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"Inter";src:url("/pisma/inter-latin.woff2") format("woff2");
font-weight:100 900;font-display:swap;
unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Patrick Hand";src:url("/pisma/patrick-hand-latin-ext.woff2") format("woff2");
font-weight:400;font-display:swap;
unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"Patrick Hand";src:url("/pisma/patrick-hand-latin.woff2") format("woff2");
font-weight:400;font-display:swap;
unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}

/* ─── SPOLEČNÉ VŠEM PALETÁM ─────────────────────────────────────────── */
:root {
  --polomer: 12px;
  --pismo: "Inter", system-ui, "Segoe UI", sans-serif;
  --pismo-nadpis: "Fraunces", Georgia, "Times New Roman", serif;
  /* Školní ručně psané písmo pro prvek na tabuli (T2.4, `PISMA.rucni`),
     zapečené od T2.4d; systémová ručně psaná jen do načtení (swap). */
  --pismo-rucni: "Patrick Hand", "Segoe Print", "Comic Sans MS", cursive;
}

/* ═══ PALETA „ALBUM" — výchozí ═══════════════════════════════════════
   Papír, inkoust, kaštan. Stav se NEKÓDUJE akcentem: kaštan je akce,
   list hotovo, jantar „čeká", červená chyba — nepletou se.

   První blok v souboru a první řádek v `PALETY` je VÝCHOZÍ paleta: platí
   i na stránce, která `data-paleta` nenese (proto i holé `:root`). */
:root, :root[data-paleta="album"] {
  color-scheme: light;

  /* Plochy */
  --pozadi: #FAF7F2;          /* papír stránky */
  --panel: #FFFFFF;           /* karta */
  --panel-2: #F5F0E8;         /* šedší karta, nevybraný čip */
  --panel-jemny: #FCFAF6;     /* jemný podklad řádku (odbočka, najetí) */
  --karta-za: #F7F2EA;        /* karta balíčku hned za přední */
  --karta-za-dal: #F1EBE1;    /* karta balíčku o dvě dál */

  /* Inkoust */
  --text: #2B2A26;
  --slabe: #6B6960;
  --zastupce: #9A968C;        /* placeholder v poli */
  --linka: #E5E0D8;
  --linka-tmava: #D6CFC3;
  --stin: #2B2A26;            /* barva stínu — průhlednost dodá color-mix() */

  /* Akce: kaštan */
  --hlavni: #8C5A3C;
  --hlavni-tmave: #71472F;    /* akce pod myší */
  --hlavni-svetle: #F3EAE3;   /* jemný podklad akce */
  --na-akcentu: #FFFFFF;      /* text na plné výplni akce */

  /* Stavy */
  --ok: #4E6A47;              /* list: hotovo */
  --ok-pozadi: #EAF0E7;
  --ok-linka: #C9D8C3;
  --list: #5B7553;            /* světlejší list do přechodů dlaždic */
  --jantar: #C7862B;          /* čeká, „tento týden" */
  --varovani: #8A5A12;
  --varovani-pozadi: #F9EFDD;
  --varovani-linka: #EBD3AA;
  --chyba: #9A3324;
  --chyba-pozadi: #F8E7E3;
  --chyba-linka: #EBC7BF;
  --inkoust: #2B2A26;         /* tmavý konec přechodu — zůstává tmavý v každé paletě */

  /* TMAVÉ OKOLÍ PROMÍTÁNÍ (R7): promítání, vedení hodiny a obrazovka
     žáka. Na projektoru v zatemněné třídě nesmí svítit papír, takže okolí
     desky je tmavé — ale teplé jako album, ne modročerné. Akce je světlý
     kaštan: tmavý kaštan by na tmavém podkladu zmizel. Deska sama je
     pozadí lekce a má vlastní tokeny. */
  --tma-pozadi: #171513;      /* stránka kolem desky */
  --tma-lista: #211E1B;       /* hlavička, ovládání, panel lektora */
  --tma-vyssi: #2C2824;       /* tlačítko, pole, řádek pod myší */
  --tma-linka: #3D3731;
  --tma-vyber: #3E3129;       /* zvýrazněný řádek (krok, kde hodina je) */
  --tma-text: #EFE9E1;
  --tma-slabe: #B5AC9F;
  --tma-akce: #D9A27A;        /* světlý kaštan: akce a zvýraznění */
  --tma-na-akci: #211E1B;     /* text na plné výplni akce */
  --tma-ok: #A6C99F;
  --tma-chyba: #EBA394;
  /* DECHOVÉ CVIČENÍ V ČEKÁRNĚ (T2.13+, zadavatel 24. 9. 2026): vzduch
     v plicích bledě modrý s bílou — „jako by se v plicích honily mraky". */
  --tma-vzduch: #BCDDF4;
  --tma-vzduch-svetly: #E4F2FC;
  --tma-mrak: #FFFFFF;

  /* ANIMOVANÁ EMOJI (X3, maketa schválená 24. 9. 2026): vlastní paleta
     motivů s tmavým obrysem — čitelné na tmavé tabuli i světlém papíře,
     proto nezávislé na pozadí lekce i paletě prostředí. */
  --emoji-zluta: #FFCC4D;
  --emoji-zluta-tmava: #F2A62C;
  --emoji-hneda: #D07A12;
  --emoji-oranzova: #FF7A33;
  --emoji-cervena: #EE4B4B;
  --emoji-modra: #56A8E8;
  --emoji-zelena: #3FB86E;
  --emoji-seda: #D5DAE1;
  --emoji-bila: #FFFFFF;
  --emoji-obrys: #3A2A1C;
}

/* ═══ POZADÍ LEKCE „TABULE" — výchozí (R6) ════════════════════════════
   Deska, rám, žlábek a křída. Volí je LEKCE, ne uživatel: zadavatel
   19. 9. 2026 — v dalším vývoji Tabule přibude volba pozadí lekce
   z přednastavených možností (např. papírová tabule) nebo vlastní
   obrázek; výchozí je zelená deska s dřevěným rámem a křídou.

   PROTO VLASTNÍ SKUPINA, NE PALETA. Paleta prostředí tyhle tokeny nesmí
   nést (hlídá to stráž) — žák by jinak viděl jinou tabuli, než jakou
   lektorka připravila. Nové pozadí = blok `[data-pozadi="…"]` se STEJNÝMI
   tokeny, nasazený na obal desky; obsah kroku (`.plocha` ve styl.css)
   se z nich odvozuje sám. Vlastní obrázek půjde přes CSSOM — CSP
   atribut `style` zahodí.

   Deska není jedna barva: dvě měkká světla a jemná zrnitost, aby
   nevypadala jako zelený obdélník. Křídy odpovídají paletě EduShow
   v podobě, jakou má křída na tabuli — sytá červená by na zelené
   vibrovala, takže je růžovější. */
:root, [data-pozadi="tabule"] {
  --deska: #25352F;
  --deska-svetlo: #31443B;       /* měkké světlo nahoře (a nejsvětlejší místo desky) */
  --deska-svetlo-2: #2B3D35;     /* měkké světlo dole */
  --deska-ram: #5C4936;          /* dřevo rámu */
  --deska-ram-svetly: #7A6349;   /* horní hrana rámu */
  --deska-zlabek: #3B2F24;       /* žlábek na křídu */
  --deska-zlabek-svetly: #4A3B2C;
  --deska-bublina: #1E2A25;      /* bublina se správnou odpovědí */
  --deska-stin: #000000;         /* stín na desce — průhlednost dodá color-mix() */
  --krida: #F2F4EE;
  --krida-slaba: #A9BBAF;
  --krida-zluta: #F0CE6A;
  --krida-zluta-tmava: #E0B84A;
  /* Červená křída víc do červena (UI8, zadavatel 24. 9. 2026: „nyní je
     spíše růžová"). Sytější už nejde — na desce by klesla pod 4,5 : 1. */
  --krida-cervena: #FF6A66;
  --krida-cervena-text: #F5C2C6; /* červený TEXT: na nádechu červené je --krida-cervena 4,1 : 1 (F19) */
  --krida-zelena: #8FD9A8;
  --krida-na-vyplni: #16211D;    /* text na křídové výplni — barva desky, ne bílá */
  --krida-mazani: #F4B8A4;       /* „tohle zmizí" — položka, kterou smaže minus */
  --zlabek-popisek: #C4B49E;
}

/* ═══ DALŠÍ POZADÍ LEKCE (T2.7a, D7, Q20) ═════════════════════════════
   Volí je lektorka v Nastavení lekce (`src/jadro/pozadi-lekce.mjs`,
   `TOKENY_POZADI`). Každé má VŠECHNY tokeny výchozí tabule a každá
   dvojice textu na desce projde kontrastem 4,5 : 1 — hlídá stráž
   (`testy/vzhled.mjs` 2b). Na světlých deskách je „křída" fix: tmavý
   inkoust, barevné fixy sytější, text na barevné výplni bílý. */

/* Tmavá (černá) tabule: křída jako na zelené, deska a rám do šeda. */
[data-pozadi="tmava"] {
  --deska: #1E2124;
  --deska-svetlo: #2A2E32;
  --deska-svetlo-2: #24282B;
  --deska-ram: #3A3530;
  --deska-ram-svetly: #54493F;
  --deska-zlabek: #2B2724;
  --deska-zlabek-svetly: #3A3531;
  --deska-bublina: #17191B;
  --deska-stin: #000000;
  --krida: #F2F4EE;
  --krida-slaba: #AEB6BC;
  --krida-zluta: #F0CE6A;
  --krida-zluta-tmava: #E0B84A;
  --krida-cervena: #FF6A66;
  --krida-cervena-text: #F5C2C6;
  --krida-zelena: #8FD9A8;
  --krida-na-vyplni: #16191C;
  --krida-mazani: #F4B8A4;
  --zlabek-popisek: #C8BCAC;
}

/* Bílá tabule: fix na bílém, hliníkový rám a žlábek. */
[data-pozadi="bila"] {
  --deska: #F5F6F4;
  --deska-svetlo: #FFFFFF;
  --deska-svetlo-2: #EEF0EE;
  --deska-ram: #9AA3AB;
  --deska-ram-svetly: #C3CAD0;
  --deska-zlabek: #B7BEC4;
  --deska-zlabek-svetly: #D5DADE;
  --deska-bublina: #E6EAEC;
  --deska-stin: #8A939B;
  --krida: #1C2630;
  --krida-slaba: #56616C;
  --krida-zluta: #845500;
  --krida-zluta-tmava: #6B4500;
  --krida-cervena: #A82C38;
  --krida-cervena-text: #9A2430;
  --krida-zelena: #1B6537;
  --krida-na-vyplni: #FFFFFF;
  --krida-mazani: #9C3F20;
  --zlabek-popisek: #36404A;
}

/* Papír: inkoust na teplém papíru, lepenkový rám. */
[data-pozadi="papir"] {
  --deska: #F6F0E1;
  --deska-svetlo: #FBF7EC;
  --deska-svetlo-2: #F1E9D6;
  --deska-ram: #B89B74;
  --deska-ram-svetly: #CFB896;
  --deska-zlabek: #A88B64;
  --deska-zlabek-svetly: #D2BC98;
  --deska-bublina: #EFE6D0;
  --deska-stin: #6B5A40;
  --krida: #2B2A26;
  --krida-slaba: #5F5D55;
  --krida-zluta: #7E5210;
  --krida-zluta-tmava: #684208;
  --krida-cervena: #973222;
  --krida-cervena-text: #86291B;
  --krida-zelena: #3A5A34;
  --krida-na-vyplni: #FFFFFF;
  --krida-mazani: #93401F;
  --zlabek-popisek: #3B2F24;
}

/* Vlastní obrázek se SVĚTLÝM písmem: obrázek pod tmavým závojem
   (`--deska` je barva závoje, obrázek dává CSSOM — `slidy.mjs`). */
[data-pozadi="obrazek-svetle"] {
  --deska: #141414;
  --deska-svetlo: #1F1F1F;
  --deska-svetlo-2: #191919;
  --deska-ram: #2A2A2A;
  --deska-ram-svetly: #3A3A3A;
  --deska-zlabek: #242424;
  --deska-zlabek-svetly: #333333;
  --deska-bublina: #101010;
  --deska-stin: #000000;
  --krida: #F5F5F5;
  --krida-slaba: #B8B8B8;
  --krida-zluta: #F0CE6A;
  --krida-zluta-tmava: #E0B84A;
  --krida-cervena: #FF6A66;
  --krida-cervena-text: #F5C2C6;
  --krida-zelena: #8FD9A8;
  --krida-na-vyplni: #141414;
  --krida-mazani: #F4B8A4;
  --zlabek-popisek: #C8C8C8;
}

/* Vlastní obrázek s TMAVÝM písmem: obrázek pod světlým závojem. */
[data-pozadi="obrazek-tmave"] {
  --deska: #F4F4F2;
  --deska-svetlo: #FFFFFF;
  --deska-svetlo-2: #ECECEA;
  --deska-ram: #9A9A96;
  --deska-ram-svetly: #BDBDB9;
  --deska-zlabek: #B4B4B0;
  --deska-zlabek-svetly: #D2D2CE;
  --deska-bublina: #E8E8E6;
  --deska-stin: #7A7A76;
  --krida: #1A1A1A;
  --krida-slaba: #555555;
  --krida-zluta: #7A5100;
  --krida-zluta-tmava: #634200;
  --krida-cervena: #A42E39;
  --krida-cervena-text: #942630;
  --krida-zelena: #1E6538;
  --krida-na-vyplni: #FFFFFF;
  --krida-mazani: #98421F;
  --zlabek-popisek: #3A3A3A;
}