/**
 * QLUNAR CSS LAYERS
 * 
 * Определение слоёв CSS для правильного каскада стилей.
 * Порядок слоёв определяет приоритет: reset < components < utilities
 * 
 * Reset должен иметь самый низкий приоритет, чтобы компоненты могли
 * безопасно переопределять его стили без использования !important.
 */

@layer reset, objects, components, utilities;

/**
 * QLUNAR OVERLAY ROOT
 * 
 * Контейнер для всех overlay-компонентов (dropdown, modal, tooltip, etc.)
 * Overlay root должен быть в body и является единым stacking context.
 * Внутри него элементы сортируются по токенам z-index.
 */

#qlunar-overlays {
  position: fixed !important;
  inset: 0;
  z-index: var(--z-overlay-root) !important;
  pointer-events: none;
  
  /* Overlay root создаёт собственный stacking context */
  isolation: isolate;
  
  /* Дочерние элементы (dropdown, modal, etc.) должны иметь pointer-events: auto */
  > * {
    pointer-events: auto;
  }
  
  /* ВАЖНО: внутренние компоненты используют токены (z-modal, z-dropdown, z-tooltip, z-toast). */
}