/* ═══ BARVY APLIKACE — role světlého a tmavého režimu (část 5s, rozhodnutí 145, ZADANI.md kap. 10.1) ═══
 * Jediné místo, kde stojí hodnoty barev. Moduly aplikace na ně ukazují proměnnými (`C` v 01-tokens.js
 * a `var(--…)` ve stylech); tmavý režim je druhá sada hodnot níž (`[data-theme="dark"]`).
 * Soubor leží v app/vendor, protože server vydává ze složky app/ jen ji (rozhodnutí 115); čte ho
 * aplikace (index.html) i stránka přihlášení (signin.html). Režim nastaví `data-theme` na <html>
 * (volba Light · Dark · System — applyTheme v 01-tokens.js, před vykreslením zavaděč stránky).
 *
 * Role: podklad stránky, plochy (karta, druhá, třetí), texty (hlavní, druhý, tlumený — každý text
 * nejméně 4,5 : 1), obrysy, modrá Harmony (výplň s bílým popiskem #0070b8, čára a rámeček #0091ea),
 * barvy hodnot (rozhodnutí 74), upozornění. Oranžová je jen pro upozornění a spotřebu.
 * Tónované výplně a texty hlášek (žlutá, oranžová, červená, modrá, zelená, fialová) mají odstíny
 * se jménem a číslem stupně — ve světlém režimu tytéž hodnoty jako dosud. */
/* `[data-theme="light"]` na prvku drží světlé hodnoty i v tmavém režimu — mapa (mapový podklad zůstává světlý). */
:root,[data-theme="light"]{
  color-scheme:light;
  /* plochy */
  --bg:#f4f6f8;
  --surface:#ffffff;
  --surface-2:#f8fafc;
  --surface-3:#eef2f6;
  /* texty */
  --text:#0f172a;
  --text-2:#475569;
  --muted:#55657d;
  /* obrysy — `line` a `line-strong` kreslí jen čáry a neaktivní prvky, nikdy čtený text */
  --line:#94a3b8;
  --line-strong:#64748b;
  --border:#e5e7eb;
  --border-strong:#cbd5e1;
  --border-soft:#f1f5f9;
  /* modrá Harmony */
  --primary:#0091ea;
  --primary-text:#0070b8;
  --primary-fill:#0070b8;
  --primary-soft:#e6f4fd;
  --primary-sel:color-mix(in srgb,var(--primary) 12%,var(--surface));
  /* jeden typ hodnoty = jedna barva (rozhodnutí 74) */
  --pcs:#2563eb;
  --w:#9a4408;
  --buy:#7c3aed;
  --sell:#0e7490;
  --lic:#00799e;
  --red:#c01f1f;
  --green:#047857;
  --warn:#b45309;
  /* režim správce: pole účtu s bílým textem a rámeček horní lišty — výplň, v obou režimech táž */
  --admin:#b45309;
  /* nápis Intercom Configurator v modré loga — logotyp, měření kontrastu ho vynechává (data-audit="skip") */
  --logo:#00b1e6;
  /* ikony údajů (část 5s, část 2 fáze 2; AppearanceIcons.dc.html): typ projektu je plná dlaždice se znakem,
     licence No Use šedá vstupenka */
  --ico-type:#334155;
  --ico-type-glyph:#ffffff;
  --ico-nouse:#64748b;
  /* dlaždice projektu (část 5s, část 2 fáze 4; AppearanceTiles2.dc.html): podbarvená plocha s obrysem, čára nad
     patičkou, proužek vlevo v modré loga (ozdoba, ne text); pruhy licencí a ceny — stopa, Without IM a No Use
     (With IM = lic, nákup = buy, marže = green, ztráta = red) */
  --tile:#f3f7fb;
  --tile-border:#c7d2de;
  --tile-line:#d3dce6;
  --tile-stripe:#00b1e6;
  --bar-track:#e2e8f0;
  --bar-without:#7cc3d8;
  --bar-nouse:#cbd5e1;
  /* sytá výplň, na kontrastu textu nezáleží */
  --red-fill:#dc2626;
  --green-fill:#059669;
  --amber-fill:#d97706;
  /* stíny, závoj pod oknem, mřížka plochy */
  --shadow-card:0 1px 2px rgba(15,23,42,.04),0 6px 16px rgba(15,23,42,.06);
  --shadow-sm:0 1px 3px rgba(15,23,42,.10);
  --shadow-pop:0 10px 30px rgba(15,23,42,.18);
  --overlay:rgba(0,0,0,.45);
  --grid:#d8dde4;
  /* tónované výplně, obrysy a texty hlášek */
  --amber-50:#fffbeb;--amber-100:#fef3c7;--amber-200:#fde68a;--amber-300:#fcd34d;--amber-400:#fbbf24;
  --amber-800:#92400e;--amber-900:#78350f;--amber-950:#451a03;
  --orange-50:#fff7ed;--orange-100:#ffedd5;--orange-200:#fed7aa;--orange-300:#fdba74;
  --orange-700:#c2410c;--orange-800:#9a3412;--orange-900:#7c2d12;
  --warn-text:#7c3a0a;
  --basement:#8a5a2b;
  --red-50:#fef2f2;--red-100:#fee2e2;--red-200:#fecaca;--red-300:#fca5a5;
  --red-700:#b91c1c;--red-800:#991b1b;--red-900:#7f1d1d;
  --blue-50:#eff6ff;--blue-100:#dbeafe;--blue-200:#bfdbfe;--blue-300:#93c5fd;
  --blue-600:#2563eb;--blue-700:#1d4ed8;--blue-800:#1e40af;--blue-900:#1e3a8a;
  --green-50:#f0fdf4;--green-200:#bbf7d0;
  --emerald-50:#ecfdf5;--emerald-100:#d1fae5;--emerald-200:#a7f3d0;--emerald-300:#6ee7b7;
  --emerald-800:#065f46;--emerald-900:#064e3b;
  --violet-50:#f5f3ff;--violet-100:#ede9fe;--violet-200:#ddd6fe;--violet-700:#6d28d9;--violet-800:#5b21b6;
  --purple-950:#3b0764;
}

/* ═══ TMAVÝ REŽIM (část 5s, část 1 fáze 3) ═══
 * Hodnoty rolí podle schváleného návrhu (_Design/tools/appearance/theme.js, P.dark); každý text nejméně
 * 4,5 : 1 na své ploše. Tónované odstíny dopočítané týmž postupem jako v návrhu: světlá výplň (50, 100)
 * → tón odstínu (sytost 70 %, světlost 55 %) z 16 / 22 % na `surface`, obrys (200, 300) z 40 / 55 %,
 * text (400 a víc) → světlost zvednutá, až má 4,6 : 1 (800 a víc 5,2 : 1) na nejsvětlejší z tmavých výplní.
 * Beze změny zůstávají syté výplně s bílým textem (`primary-fill`, `admin`, `*-fill`) a nápis loga. */
[data-theme="dark"]{
  color-scheme:dark;
  --bg:#0b1220;
  --surface:#131c2e;
  --surface-2:#18233a;
  --surface-3:#1e293b;
  --text:#e5eaf2;
  --text-2:#c3cddb;
  --muted:#94a3b8;
  --line:#55657d;
  --line-strong:#6b7b93;
  --border:#243049;
  --border-strong:#334155;
  --border-soft:#1b2638;
  --primary:#38b6ff;
  --primary-text:#38b6ff;
  --primary-fill:#0070b8;
  --primary-soft:#19354f;
  --primary-sel:color-mix(in srgb,var(--primary) 16%,var(--surface));
  --pcs:#7aa7ff;
  --w:#f5a524;
  --buy:#b49cfb;
  --sell:#3fc8e4;
  --lic:#38c6f4;
  --red:#f87171;
  --green:#34d399;
  --warn:#fbbf24;
  --ico-type:#cbd5e1;
  --ico-type-glyph:#0b1220;
  --ico-nouse:#94a3b8;
  --tile:#162238;
  --tile-border:#33435f;
  --tile-line:#2b3a56;
  --tile-stripe:#00b1e6;
  --bar-track:#243049;
  --bar-without:#1d6c86;
  --bar-nouse:#3b4a61;
  --shadow-card:0 6px 16px rgba(0,0,0,.35);
  --shadow-sm:0 1px 3px rgba(0,0,0,.45);
  --shadow-pop:0 10px 30px rgba(0,0,0,.55);
  --overlay:rgba(2,6,15,.62);
  --grid:#263249;
  --amber-50:#333630;--amber-100:#3f3f31;--amber-200:#645c34;--amber-300:#827136;--amber-400:#fbbf24;--amber-800:#f3ae84;--amber-900:#f0af8a;--amber-950:#f8ab82;
  --orange-50:#332f30;--orange-100:#3f3731;--orange-200:#644b34;--orange-300:#825b36;--orange-700:#f69b76;--orange-800:#f3ac95;--orange-900:#f0af98;
  --warn-text:#f29f62;
  --basement:#d7aa7e;
  --red-50:#332130;--red-100:#3f2331;--red-200:#642934;--red-300:#822e36;--red-700:#f09c9c;--red-800:#f0acac;--red-900:#edaeae;
  --blue-50:#1a2c4a;--blue-100:#1c3254;--blue-200:#234574;--blue-300:#2a578e;--blue-600:#93b2f5;--blue-700:#99b0f1;--blue-800:#acbcf1;--blue-900:#acbded;
  --green-50:#1a3b38;--green-200:#23694a;
  --emerald-50:#1a3b3e;--emerald-100:#1c4642;--emerald-200:#236956;--emerald-300:#2a866b;--emerald-800:#0ed69e;--emerald-900:#10d6a2;
  --violet-50:#1e214a;--violet-100:#232354;--violet-200:#2f2974;--violet-700:#c2a5ef;--violet-800:#cbb3f1;
  --purple-950:#d7acf9;
}
/* Fotka produktu (ProductPhoto v 02-storage.js) v tmavém režimu na světlé podložce — tmavé zařízení s průhledným
 * pozadím by jinak splynulo s plochou (rozhodnutí 148). Přebíjí podklad místa, rámeček zůstává. */
[data-theme="dark"] .photo{background:#d6dde6!important;}
/* Ostrov s vlastním režimem (mapa) bere text podle svých hodnot — zděděná barva by zůstala z okolí. */
[data-theme]{color:var(--text);}