/**
 * Hierarquia de Z-Index do Projeto
 * 
 * Organização de camadas para garantir que elementos se sobreponham corretamente:
 * 
 * Camada 0 (background): -1 a 0
 * Camada 1 (conteúdo base): 1 a 9
 * Camada 2 (elementos interativos): 10 a 99
 * Camada 3 (overlays e dropdowns): 100 a 999
 * Camada 4 (modais): 1000 a 9999
 * Camada 5 (alertas e notificações): 10000 a 99999
 * Camada 6 (elementos críticos): 100000+
 */

:root {
  /* Background elements */
  --z-background: -1;
  --z-behind: 0;

  /* Base content */
  --z-base: 1;
  --z-content: 2;
  --z-layer-3: 3;
  --z-layer-4: 4;

  /* Interactive elements */
  --z-interactive: 10;
  --z-tooltip: 20;
  --z-select: 50;
  --z-radio: 99;

  /* Overlays and dropdowns */
  --z-dropdown: 100;
  --z-menu: 200;
  --z-sticky: 300;
  --z-nav: 400;
  --z-overlay-light: 500;
  --z-chosen: 600;
  --z-webflow-nav: 900;

  /* Modals */
  --z-modal-backdrop: 1000;
  --z-modal: 1500;
  --z-modal-content: 2000;
  --z-jquery-ui: 3000;
  --z-fancy: 5000;

  /* Alerts and notifications */
  --z-notification: 10000;
  --z-alert: 15000;
  --z-sweetalert: 20000;

  /* Critical elements */
  --z-critical: 50000;
  --z-maximum: 99999;
}