/*
 * Z-index hierarchy
 *
 * All custom z-index values are defined here as CSS variables.
 * Reference these variables instead of hardcoding z-index values.
 *
 * For reference: daisyUI modal uses z-index 999 (set in daisyui.js).
 */

:root {
  /* Map components (internal layers, never overlap app chrome) */
  --z-map-pin-tooltip: 10;
  --z-map-search-results: 10;
  --z-map-popup: 50;

  /* App overlays */
  --z-tooltip: 1000;   /* above daisyUI modal (999) */
  --z-flash: 10000;    /* above everything */
}