/* --------------------------------------------------------------------------
   Motiv webu miroslavskoupa.cz – světlý i tmavý podle nastavení prohlížeče.

   Výchozí je tmavý (web tak vždycky vypadal). Když má prohlížeč nebo systém
   nastavený světlý režim, přepíší se barvy v bloku prefers-color-scheme: light.
   Všechny styly webu používají jen tyhle proměnné, takže se mění na jednom místě.
   -------------------------------------------------------------------------- */

:root {
  color-scheme: dark;            /* formulářová pole, posuvníky */

  --bg:            #05070b;
  --card:          #0c1119;
  --card-pruhledna: rgba(12,17,25,.6);
  --text:          #f4f7fb;
  --muted:         #8993a3;
  --accent:        #55d6ff;
  --accent2:       #8b7cff;
  --ok:            #7ee2a8;
  --err:           #ff8a8a;
  --warn:          #ffd166;
  --card2:         #111826;

  /* plochy a linky odvozené od pozadí */
  --plocha-1:      rgba(255,255,255,.02);   /* sotva znatelné podbarvení */
  --plocha:        rgba(255,255,255,.04);
  --plocha2:       rgba(255,255,255,.07);
  --line:          rgba(255,255,255,.10);
  --line-silna:    rgba(255,255,255,.25);
  --stin:          rgba(0,0,0,.45);
  --zare:          .09;                     /* síla barevných záblesků v pozadí */
}

@media (prefers-color-scheme: light) {
  :root {
    color-scheme: light;

    /* stejná paleta, jakou už používá aplikace Postavy – ať je web jednotný */
    --bg:            #f6f7fa;
    --card:          #ffffff;
    --card2:         #eceef3;
    --card-pruhledna: rgba(246,247,250,.8);
    --text:          #14181f;
    --muted:         #626b7a;
    --accent:        #0f83b5;
    --accent2:       #5b4bd6;
    --ok:            #1a7f4b;
    --err:           #c02626;
    --warn:          #8a6100;

    --plocha-1:      rgba(17,24,35,.02);
    --plocha:        rgba(17,24,35,.04);
    --plocha2:       rgba(17,24,35,.07);
    --line:          rgba(17,24,35,.12);
    --line-silna:    rgba(17,24,35,.28);
    --stin:          rgba(17,24,35,.10);
    --zare:          .07;
  }
}

@media (prefers-color-scheme: light) {
  /* Hlavní tlačítka: na světlém pozadí je jemný přechod bledý, ať jsou plná */
  button.primary, .btn.primary, form button[type=submit] {
    background: linear-gradient(90deg, var(--accent2), var(--accent));
    border-color: transparent;
    color: #fff;
  }
  button.primary:hover:not(:disabled), .btn.primary:hover, form button[type=submit]:hover {
    filter: brightness(1.08);
  }
  /* výjimka: drobná a průhledná tlačítka mají zůstat nenápadná */
  form button[type=submit].ghost, form button[type=submit].tiny {
    background: transparent; color: var(--muted); border-color: var(--line);
  }
  /* Vestavěný přehrávač zvuku je ve světlém režimu čitelný sám o sobě */
  audio { filter: none; }
}