/* Valori POS — elevation & motion.
   Depth comes from LAYERED SURFACES + soft shadow, not borders. Hierarchy:
   canvas -> card (+soft shadow) -> raised/glass overlay. Hairlines only delimit.
   Dark is the default mode; light shadows are far subtler and lean blue (#1B2A4A). */

:root {
  /* Light mode — subtle, blue-tinted shadows (opacity 0.05-0.12) */
  --shadow-xs: 0 1px 2px rgba(27, 42, 74, 0.05);
  --shadow-sm: 0 1px 3px rgba(27, 42, 74, 0.07), 0 1px 2px rgba(27, 42, 74, 0.04);
  --shadow-md: 0 4px 12px rgba(27, 42, 74, 0.08), 0 1px 3px rgba(27, 42, 74, 0.05);
  --shadow-lg: 0 12px 32px rgba(27, 42, 74, 0.12), 0 2px 6px rgba(27, 42, 74, 0.07);
  --shadow-focus: 0 0 0 3px var(--focus-ring);

  /* Motion — 120-180ms for interactions, 280ms for count-up & chart draw.
     No bounce, no spin, no parallax. Everything respects reduced-motion. */
  --ease-out: cubic-bezier(0.2, 0.8, 0.2, 1); /* @kind other */
  --duration-fast: 120ms; /* @kind other */
  --duration-base: 180ms; /* @kind other */
  --duration-slow: 280ms; /* @kind other */
}

/* Dark (default) — pure-black shadows; separation leans on layered surfaces.
   Cards sit ~0.30-0.35; overlays/sheets go deeper. */
[data-theme="dark"] {
  --shadow-xs: 0 1px 2px rgba(0, 0, 0, 0.30);
  --shadow-sm: 0 2px 8px rgba(0, 0, 0, 0.35);
  --shadow-md: 0 8px 24px rgba(0, 0, 0, 0.45);
  --shadow-lg: 0 16px 40px rgba(0, 0, 0, 0.55);
}