/**
 * Z-Index CSS Variables
 * Centralized z-index values for all CSS files
 *
 * IMPORTANT: These values must stay in sync with:
 * dropick-client/framework/client/styles/tokens/ZIndex.js
 *
 * HIERARCHY (bottom to top):
 * - Game Canvas: 0-99
 * - UI Controls: 100-999
 * - Footer: 1000-1099
 * - Modals: 2000-2999
 * - Critical Overlays: 9000+
 */

:root {
  /* Game Canvas (0-99) */
  --z-background: 0;
  --z-match-id-indicator: 1;
  --z-objects: 10;
  --z-effects: 20;
  --z-crash-multiplier: 50;

  /* UI Controls (100-999) */
  --z-ui-base: 100;
  --z-news-carousel: 100;
  --z-buttons: 100;
  --z-replay-overlay: 200;
  --z-floating-menu: 250;
  --z-panels: 500;
  --z-multiplier-displays: 600;
  --z-tournament-widget: 700;
  --z-stack-intro: 800;

  /* Footer (1000-1099) */
  --z-footer: 1000;
  --z-footer-items: 1010;
  --z-footer-betting: 1020;

  /* Modals (2000-2999) */
  --z-win-modal: 2000;
  --z-win-modal-content: 2010;
  --z-footer-celebration: 2050;
  --z-feature-modals: 2100;
  --z-bet-settings: 2500;

  /* Critical Overlays (9000+) */
  --z-connection-warning: 9000;
  --z-server-disconnected: 9500;
  --z-loading: 9600;
  --z-toast: 9800;
  --z-slow-motion-vignette: 9850;
  --z-music-player-overlay: 9900;
}