/* PATH: public_html/assets/css/tokens/z-index.css */
/*
  THE Z-INDEX WAR IS OVER. This file is the only place a raw z-index
  number is allowed to exist in the whole codebase. Every other file
  must reference one of these variables — never a literal number.

  Rule of thumb: content < decorative overlays (slider gradients, badges)
  < sticky UI (header) < fixed navigation (bottom bar, mobile menu)
  < transient overlays (dropdowns, drawers) < system-level (modals, toasts).

  If something new needs to sit above another layer, it moves UP this
  list — the numbers themselves are an implementation detail and can be
  changed here in one place without hunting through 8 files again.
*/
:root {
  --z-content:       1;    /* normal page content, product grids, text     */
  --z-decorative:    5;    /* slider gradients, badges, decorative overlays */
  --z-sticky-header: 40;   /* the site header when scrolled/sticky          */
  --z-fixed-nav:     50;   /* bottom nav bars, persistent nav chrome        */
  --z-dropdown:      60;   /* desktop hover dropdowns, search suggestions   */
  --z-mobile-menu:   70;   /* the full-screen mobile menu overlay           */
  --z-modal:         80;   /* checkout/video/confirmation modals            */
  --z-toast:         90;   /* toasts, alerts — always above everything else */
}