/* Ciemna skórka (rozdz. 14 spec, „Skórka i profil”, D106): druga wartość każdej roli z motyw.css,
   z palety i skal księgi znaku, a kolory komunikatów spoza palety dobrane jak w jasnej. Kontrast
   jak w jasnej (WCAG 2.1 AA, D76): te same testy (testy/test_strona.py). Tylko zmienne motywu,
   bez reguł układu.
   Arkusz dołącza szablon `strona/_skorka.html` według ciasteczka skórki (Z70): przy ciemnej
   z media „screen”, przy systemowej z media „screen and (prefers-color-scheme: dark)”, a przy
   jasnej wcale. Działa tylko na ekranie, więc wydruk zostaje jasny. Strona przerwy wpisuje go
   w regułę @media skórki systemowej (`strona/przerwa.py`). */

:root {
  color-scheme: dark;

  /* Tło „Pulpit” pod stroną i „Ciemne” pod kartami (księga znaku, str. 3). */
  --kolor-tlo: var(--grow-bg-dark);
  --kolor-powierzchnia: var(--grow-ciemne);
  --kolor-tekst: var(--grow-bg-light);
  --kolor-tekst-drugi: var(--grow-navy-50);
  --kolor-naglowki: var(--grow-biel);
  --kolor-link: var(--grow-teal-100);
  --kolor-link-najechany: var(--grow-teal-50);
  --kolor-linia: var(--grow-navy-200);
  --kolor-fokus: var(--grow-teal-100);
  --kolor-przeskocz-tlo: var(--grow-teal-100);
  --kolor-przeskocz-tekst: var(--grow-bg-dark);
  /* Przyciski i bieżąca pozycja menu: odwrotnie niż w jasnej, jasne tło z ciemnym tekstem. */
  --kolor-przycisk: var(--grow-linia);
  --kolor-przycisk-najechany: var(--grow-biel);
  --kolor-przycisk-tekst: var(--grow-bg-dark);
  --kolor-info-tlo: var(--grow-teal-800);
  --kolor-info-ramka: var(--grow-teal);
  --kolor-ok-tlo: var(--grow-green-800);
  --kolor-ok-ramka: var(--grow-green);
  --kolor-uwaga-tlo: var(--grow-uwaga-tlo-ciemne);
  --kolor-uwaga-tekst: var(--grow-uwaga-tekst-ciemne);
  --kolor-uwaga-ramka: var(--grow-uwaga-ramka);
  --kolor-blad-tlo: var(--grow-blad-tlo-ciemne);
  --kolor-blad-tekst: var(--grow-blad-tekst-ciemne);
  --kolor-gotowe-tlo: var(--grow-green-800);
  --kolor-gotowe-tekst: var(--grow-green-50);
  --kolor-gotowe-znak: var(--grow-green-200);
  --kolor-postep: var(--grow-green);
  --kolor-postep-tlo: var(--grow-navy-200);
  --kolor-zarezerwowany-tlo: var(--grow-teal-800);
  --kolor-zarezerwowany-tekst: var(--grow-teal-50);
  --kolor-propozycja-ramka: var(--grow-teal-200);
  --kolor-do-zapisania-ramka: var(--grow-navy-100);
  /* Paski „nie dotyczy” tak słabo odróżnione od karty jak w jasnej. */
  --kolor-neutralny-tlo: var(--grow-navy-600);
  --kolor-neutralny-pasek: var(--grow-navy-dark);
  --kolor-wyroznienie-tlo: var(--grow-teal-800);
  --kolor-wyroznienie-ramka: var(--grow-teal-600);
  --kolor-wyroznienie-tekst: var(--grow-teal-50);
  /* Cień na ciemnym tle musi być ciemniejszy niż tło, więc czarny i mocniejszy niż w jasnej. */
  --cien-karty: 0 1px 2px rgba(0, 0, 0, .3), 0 4px 16px rgba(0, 0, 0, .3);
  --cien-okna: 0 20px 60px rgba(0, 0, 0, .6);
  --kolor-zaslona: rgba(0, 0, 0, .6);
  --logo-kolor: none;
  --logo-negatyw: block;
}