/* ============================================================
   layers.css — MySquad numbered z-index system (single source of truth).

   WHY: our surfaces are 2.5D/3D and layered. When every overlay picks its own
   ad-hoc z-index, decorative layers silently cover real buttons and a feature
   *looks* unbuilt. Reference these tokens instead of raw numbers so stacking is
   intentional and /dev/layer-scan can reason about it.

   RULE #1 (the big one): any full-bleed DECORATIVE layer (particles, scanlines,
   gradients, glow, ambient canvas) MUST set `pointer-events: none;`. If it can't
   be clicked through, it will eat clicks. This is the root of the "it's built but
   I can't press it" bug.

   RULE #2: interactive panels that sit above content use --z-window/--z-modal and
   should NOT be wider/taller than they look (no invisible padding capturing the
   page). Give backdrops --z-overlay and content one tier above.

   RULE #3: reference the tier in a comment, e.g.
       z-index: var(--z-window); /* LAYER 150: floating window */
   ============================================================ */
:root {
  --z-base:        0;     /* LAYER 0   — normal flow                          */
  --z-raised:      10;    /* LAYER 10  — cards/hover lift                     */
  --z-sticky:      100;   /* LAYER 100 — sticky headers, in-flow bars         */
  --z-window:      150;   /* LAYER 150 — Artemis floating windows (draggable) */
  --z-nav:         500;   /* LAYER 500 — persistent nav / drawers             */
  --z-overlay:     1000;  /* LAYER 1000 — scrims/backdrops behind modals      */
  --z-modal:       2000;  /* LAYER 2000 — modal/dialog content                */
  --z-toast:       3000;  /* LAYER 3000 — toasts/snackbars                    */
  --z-popover:     4000;  /* LAYER 4000 — menus/tooltips/context popovers     */
  --z-ambient-fx:  9000;  /* LAYER 9000 — DECORATIVE full-bleed FX — MUST be
                              pointer-events:none (particles, scanlines, orbs) */
  --z-audit:       99999; /* LAYER 99999 — dev audit/inspector UI, top of all */
}

/* Guardrail utility: mark decorative layers so they can never trap clicks.
   Add class="fx-layer" to any ambient/particle/gradient overlay. */
.fx-layer {
  position: fixed;
  inset: 0;
  z-index: var(--z-ambient-fx);
  pointer-events: none; /* RULE #1 — clicks pass straight through */
}