/* ============================================================================
   05-tokeny-szkicownik.css — PAPIER, TUSZ i ZNACZNIKI szkicownika (zlecenie właściciela 19.10.2026)
   ----------------------------------------------------------------------------
   ZGŁOSZENIE: „w trybie czarnym tło papieru nie może być białe, tylko jasno-czarne (ciemnoszare); w trybie białym na białym
   papierze nie może być białych kursorów, a czarnych na czarnym nie może być”.
   ZASADA: papier ma DWA rodzaje (`light` / `dark`) i narzędzia czytelne na KAŻDYM z nich. Rodzaj papieru wybiera JS
   (szkicownik-papier.js): nowy rysunek idzie za motywem programu, rysunek otwarty ponownie zostaje na papierze, na którym powstał
   (zapisany w modelu przy obrazku), a przycisk „Ciemny papier” w górnym pasku przełącza go ręcznie. Papier NIE zależy od motywu okna —
   dlatego wartości obu rodzajów leżą obok siebie, a nie pod `:root[data-theme="dark"]`.
   Czytanie w JS: getComputedStyle(documentElement).getPropertyValue("--szkic-<nazwa>-light|dark").
   Paleta = 8 barw + TUSZ (przedostatni) + SZARY (ostatni); tusz jest ciemny na jasnym papierze i jasny na ciemnym, więc nie ma już
   stałej czerni i bieli. Przy zmianie papieru JS zamienia kolory obiektów pozycja w pozycję (czerwony → jasny czerwony, tusz → tusz).
   Kontrast (WCAG, (L1+0,05)/(L2+0,05)) na papierze:
     jasny #ffffff:  tusz #111827 17,7 · szary #6b7280 4,8 · zaznaczenie #2563eb 5,2 · czerwień #e11d48 4,7 · fiolet #7c3aed 5,7
                     (pomarańcz, żółty, zieleń, morski, róż: 1,9–3,7 — barwy rysunku, bez zmian względem poprzedniej palety)
     ciemny #232a36: tusz #f3f4f6 13,1 · szary #9ca3af 5,7 · zaznaczenie #8fb0ff 6,8 · wszystkie 8 barw 5,3–9,4
   Papier ciemny to ten sam odcień co --surface-3 ciemnego motywu (jaśniejszy od tła okna, nie czarny). */
:root {
  --szkic-papier-light: #ffffff;
  --szkic-paleta-light: #e11d48 #f59e0b #eab308 #16a34a #0891b2 #2563eb #7c3aed #ec4899 #111827 #6b7280;
  --szkic-siatka-light: rgba(20, 26, 38, 0.08);
  --szkic-kropki-light: rgba(20, 26, 38, 0.26);
  --szkic-zaznaczenie-light: #2563eb;
  --szkic-papier-dark: #232a36;
  --szkic-paleta-dark: #fb7185 #fbbf24 #facc15 #4ade80 #22d3ee #60a5fa #a78bfa #f472b6 #f3f4f6 #9ca3af;
  --szkic-siatka-dark: rgba(238, 241, 246, 0.09);
  --szkic-kropki-dark: rgba(238, 241, 246, 0.28);
  --szkic-zaznaczenie-dark: #8fb0ff;
}
/* Nazwy bez przyrostka dla reguł CSS okna szkicownika: wartość bieżącego papieru (atrybut data-papier stawia JS). */
.rich-sketch-overlay, .rich-sketch-overlay[data-papier="light"] { --szkic-papier: var(--szkic-papier-light); --szkic-zaznaczenie: var(--szkic-zaznaczenie-light); }
.rich-sketch-overlay[data-papier="dark"] { --szkic-papier: var(--szkic-papier-dark); --szkic-zaznaczenie: var(--szkic-zaznaczenie-dark); }