/* Vzhled: světlý a tmavý režim (DT-144).

   Barvy stránek jsou tokeny (--surface-*, --text-*, --bg-*, --border*) v :root stylu každé
   stránky. Tady je jejich tmavá sada a tmavé odstíny komponent, které mají barvu vlastní
   (štítky zálohových dokladů, duplicit, předkontace, hromadná lišta). Který režim platí,
   rozhoduje atribut data-tema na <html>: nastaví ho /static/js/tema.js podle volby
   uživatele, a bez ní podle prefers-color-scheme, ještě než se stránka vykreslí.

   Selektor :root[data-tema="tmavy"] je silnější než :root stránky, takže na pořadí, v jakém
   se styly nahrají, nezáleží.

   Jen pro obrazovku: tisk přehledu (DT-71) zůstává černý na bílém papíře. Stránka PDF
   v náhledu je bílá v obou režimech — je to obraz papíru, ne prvek aplikace.

   Kontrast textu aspoň 4,5:1 proti každé ploše a každé dvojice barva/pozadí tady hlídá
   tests/unit/test_tmavy_rezim.py. */

:root{
  /* Štítek role CFO skládá JavaScript (index.js, cfo.js); token pro obě sady je jen tady. */
  --text-violet:#6b21a8;--bg-violet:#f3e8ff;
}

@media screen{
  :root[data-tema="tmavy"]{
    color-scheme:dark;
    --surface-0:#141413;--surface-1:#1e1e1c;--surface-2:#282825;
    --border:#3a3935;--border-strong:#57564f;
    --text-primary:#ecebe5;--text-secondary:#c3c1b8;--text-muted:#a3a199;
    --text-accent:#7fb2ea;--text-danger:#f19c9c;--text-success:#9ccc6a;--text-warning:#e9b45c;
    --text-violet:#cfa6f5;
    --bg-accent:#15304b;--bg-danger:#3f1d1d;--bg-success:#1e3214;--bg-warning:#3b2a10;
    --bg-violet:#2e1f43;
    --border-accent:#2c5684;--border-danger:#8c3b3b;--border-success:#46682a;--border-warning:#8a6522;
  }

  /* Zálohový řetězec (DT-21): proforma bledší, daňový doklad k platbě sytější i potmě. */
  :root[data-tema="tmavy"] .pill.pp{background:#2c2240;color:#c4adf0}
  :root[data-tema="tmavy"] .pill.pv{background:#3a1f31;color:#efa6d4}
  :root[data-tema="tmavy"] .pill.zp{background:#34245a;color:#d2bdf7}
  :root[data-tema="tmavy"] .pill.zv{background:#45213a;color:#f5b3dc}

  /* Duplicity (DT-69) */
  :root[data-tema="tmavy"] .dup-badge.dup-old{background:#2e1f3a;color:#d6aef0;border-color:#5e3f78}
  :root[data-tema="tmavy"] .dup-badge.dup-now{background:#3a2611;color:#f2b878;border-color:#7a5228}

  /* Předkontace a jistota vytěžení */
  :root[data-tema="tmavy"] .pk-badge.pk-hi{background:#16301a;color:#9fd8a3;border-color:#2f6a37}
  :root[data-tema="tmavy"] .pk-badge.pk-mid{background:#3a2410;color:#ffb37a;border-color:#7d4a1c}
  :root[data-tema="tmavy"] .pk-badge.pk-lo{background:#2a2a2a;color:#c9c9c9;border-color:#555555}
  :root[data-tema="tmavy"] .pk-badge.pk-none{background:#15304b;color:#7fb2ea;border-color:#2c5684}
  :root[data-tema="tmavy"] .jis-badge,
  :root[data-tema="tmavy"] .duv-badge{background:#3a2410;color:#f0b860;border-color:#7d4a1c}
  :root[data-tema="tmavy"] .duv-badge.podezrele{color:var(--text-danger);background:var(--bg-danger);border-color:var(--border-danger)}

  /* Přepínač „k přepracování“ v postranním panelu a označené řádky */
  :root[data-tema="tmavy"] .si-prep.on{background:#3f1d1d;color:#f5a8a0;border-color:#8c3b3b}
  :root[data-tema="tmavy"] .si-prep.on i,
  :root[data-tema="tmavy"] .si-prep.on .sv{color:#f5a8a0}
  :root[data-tema="tmavy"] .doc-row.checked,
  :root[data-tema="tmavy"] .doc-table tbody tr.checked td{background:#16291c}

  /* Hromadné akce, korekce */
  :root[data-tema="tmavy"] .bulk-bar{background:#3b2a10;color:#f0c070;border-bottom-color:#8a6522}
  :root[data-tema="tmavy"] .kor-btn{color:#e0a64a}

  /* Obnova hesla */
  :root[data-tema="tmavy"] .banner-ok{background:#1e3214;color:#a9d88a;border-color:#46682a}
  :root[data-tema="tmavy"] .banner-warn{background:#3b2a10;color:#f0c070;border-color:#8a6522}

  /* Okolí stránky PDF v náhledu CFO; stránka sama zůstává bílá */
  :root[data-tema="tmavy"] #nahled-canvas-wrap{background:#2b2b29}
}

/* Přepínač vzhledu: ikonu a popisek mu podle stavu doplní tema.js. */
.tema-prepinac{display:inline-flex;align-items:center;justify-content:center}
.tema-prepinac i{font-size:16px;line-height:1}