/* ===========================================================================
   LRS-Digital Studio — Elevation
   Warm-tinted shadows (brown, not grey) keep the cozy feel. Soft & diffuse.
   =========================================================================== */

:root {
  --shadow-xs:  0 1px 2px color-mix(in srgb, var(--warm-900) 8%, transparent);
  --shadow-sm:  0 2px 6px color-mix(in srgb, var(--warm-900) 9%, transparent);
  --shadow-md:  0 6px 18px color-mix(in srgb, var(--warm-900) 11%, transparent);
  --shadow-lg:  0 16px 38px color-mix(in srgb, var(--warm-900) 14%, transparent);
  --shadow-xl:  0 28px 60px color-mix(in srgb, var(--warm-900) 18%, transparent);

  /* Soft pressed/inset for inputs */
  --shadow-inset: inset 0 1px 2px color-mix(in srgb, var(--warm-900) 8%, transparent);

  /* Playful "lifted" hover for cards — sage-tinted glow */
  --shadow-warm: 0 14px 34px color-mix(in srgb, var(--sage-600) 22%, transparent);
}