/* ANBU — Effects: shadows, borders, focus, z-index, motion. NEW SYSTEM.
   Subtle elevation only — no dramatic shadows, no coloured glows, no gradients. */
:root {
  /* Elevation — three subtle steps over a near-white app */
  --shadow-1: 0 1px 2px rgba(16,18,27,.06);                          /* resting lift (cards) */
  --shadow-2: 0 2px 8px rgba(16,18,27,.08);                          /* raised (sticky, menus, tab bar) */
  --shadow-3: 0 8px 24px rgba(16,18,27,.14);                         /* overlay / modal only */

  /* Borders */
  --hairline: 1px solid var(--border);
  --edge:     1px solid var(--border-strong);

  /* Focus — accent-aware, AA visible */
  --ring: 0 0 0 3px color-mix(in srgb, var(--accent) 32%, transparent);

  /* Overlay (confirm modal / scanner) */
  --overlay-bg:   rgba(16,18,27,.5);
  --overlay-blur: blur(6px); /* @kind other */

  /* Z-index scale */
  --z-base:    0;  /* @kind other */
  --z-sticky:  100; /* @kind other */
  --z-nav:     200; /* @kind other */
  --z-overlay: 900; /* @kind other */
  --z-modal:   1000; /* @kind other */
  --z-toast:   1100; /* @kind other */

  /* Motion — restrained, micro-feedback only */
  --ease:   cubic-bezier(.2, .7, .3, 1); /* @kind other */
  --dur-1:  120ms; /* @kind other */
  --dur-2:  180ms; /* @kind other */
  --dur-3:  240ms; /* @kind other */

  /* ---- Legacy aliases (v1) ---- */
  --shadow-xs: var(--shadow-1); --shadow-sm: var(--shadow-1);
  --shadow-md: var(--shadow-2); --shadow-lg: var(--shadow-2); --shadow-pop: var(--shadow-3);
  --shadow-amber: var(--shadow-2); --shadow-amber-sm: var(--shadow-1);
  --border-1: var(--hairline); --border-2: var(--edge);
  --dur-fast: var(--dur-1); --dur: var(--dur-2); --dur-slow: var(--dur-3);
}