/* Manage Inventory — Shadow & elevation tokens.
 * Shadows carry a faint violet cast (rgba of ink-900 / primary) rather than neutral black,
 * so elevation feels part of the brand. Cards are soft; overlays are deep. */
:root {
  --shadow-xs:   0 1px 2px rgba(28, 23, 48, 0.05);
  --shadow-sm:   0 1px 2px rgba(28, 23, 48, 0.05), 0 1px 3px rgba(28, 23, 48, 0.06);
  --shadow-card: 0 1px 2px rgba(28, 23, 48, 0.05), 0 8px 24px -14px rgba(124, 58, 237, 0.28);
  --shadow-md:   0 4px 12px -2px rgba(28, 23, 48, 0.10), 0 2px 6px -2px rgba(28, 23, 48, 0.06);
  --shadow-lg:   0 18px 40px -14px rgba(124, 58, 237, 0.40);
  --shadow-pop:  0 24px 55px -16px rgba(28, 23, 48, 0.40);
  --shadow-inner:inset 0 1px 2px rgba(28, 23, 48, 0.06);

  /* Glow used on primary/gradient buttons & active nav */
  --glow-primary: 0 10px 22px -8px rgba(124, 58, 237, 0.55);
  --glow-primary-sm: 0 6px 14px -6px rgba(124, 58, 237, 0.5);

  /* Focus ring (compose with box-shadow) */
  --ring-focus: 0 0 0 3px var(--color-focus-ring);
  --ring-border: inset 0 0 0 1px var(--color-border);

  /* ---- Liquid-glass edge + depth (Apple-style specular rim + layered ambient depth) ---- */
  /* Bright top rim + faint full-edge sheen — the "lens" highlight on a glass surface. */
  --glass-rim:    inset 0 1px 0 rgba(255,255,255,0.65), inset 0 0 0 1px rgba(255,255,255,0.10); /* @kind shadow */
  --glass-rim-sm: inset 0 1px 0 rgba(255,255,255,0.5); /* @kind shadow */
  /* Floating depth (violet-tinted ambient + contact shadow). */
  --glass-depth:    0 2px 8px -4px rgba(28,23,48,0.14), 0 12px 34px -14px rgba(124,58,237,0.30);
  --glass-depth-lg: 0 6px 16px -6px rgba(28,23,48,0.16), 0 26px 60px -20px rgba(124,58,237,0.42);

  /* Semantic elevation aliases */
  --elevation-flat:   none;
  --elevation-raised: var(--shadow-card);
  --elevation-float:  var(--shadow-md);
  --elevation-overlay:var(--shadow-pop);
}