/* Централна z-index скала (виж потребителски feedback "бордер на col е над
   модал... стойностите са 9999 или 1000, което прави голям хаос... механизъм
   през него, който всичко ползва... не 1000 или 99999, ами организирано от
   1 до 99") — вместо всеки модул/апп да си измисля собствено голямо число
   "за всеки случай" (класическа z-index надпревара — 9999 бие 1050, докато
   утре друг модул не сложи 10001), всички консуматори reference-ват ТЕЗИ
   именувани CSS custom properties. Малкият диапазон (1-99) е нарочен — не
   оставя място за "просто сложи по-голямо число", принуждава явно решение
   КЪДЕ точно спрямо съществуващите слоеве седи нов елемент.

   Слоеве, отдолу нагоре:
   - floating/floating-raised — собствен floating UI на приложение/модул
     НАД нормалното съдържание на страницата (напр. ElementoLaboratory hover
     frame/toolbar/edges), но ВИНАГИ под всякакъв модал.
   - dropdown — select/picker overlay-и, отворени без пълен модал.
   - modal-backdrop/modal/modal-overlay — Modal модула (виж modal.css) —
     СЪЩИТЕ относителни стойности като преди (1040/1050/1060), само
     мащабирани в новия диапазон.
   - viewer — преглед на снимка на цял екран (ImageView): над модалите (снимката се отваря и от формата), под известията.
   - toast — известия/alert-и, трябва да бият дори отворен модал.

   Нов слой ЛИПСВА тук? Добави го explicit, с коментар защо точно на това
   място в реда — никога hardcoded число директно в консуматорски CSS. */
:root {
  --z-floating:         10;
  --z-floating-raised:  11;
  --z-dropdown:         20;
  --z-modal-backdrop:   40;
  --z-modal:            50;
  --z-modal-overlay:    60;
  --z-viewer:           70;
  --z-toast:            90;
}