/* ============================================================
   My Safe Spaces — Elevation / shadow tokens
   Soft, low-contrast shadows tinted warm (sage/stone), never
   harsh black. Mimics gentle daylight. Plus focus ring.
   ============================================================ */

:root {
  /* Warm-tinted ambient shadows */
  --shadow-xs: 0 1px 2px rgba(42, 69, 56, 0.06);
  --shadow-sm: 0 1px 3px rgba(42, 69, 56, 0.08), 0 1px 2px rgba(42, 69, 56, 0.05);
  --shadow-md: 0 4px 12px rgba(42, 69, 56, 0.08), 0 2px 4px rgba(42, 69, 56, 0.05);
  --shadow-lg: 0 10px 28px rgba(42, 69, 56, 0.10), 0 4px 10px rgba(42, 69, 56, 0.05);
  --shadow-xl: 0 22px 48px rgba(34, 56, 46, 0.14), 0 8px 18px rgba(42, 69, 56, 0.06);

  /* Inset for sunken / pressed fields */
  --shadow-inset: inset 0 1px 2px rgba(42, 69, 56, 0.07);

  /* Focus ring — sage halo */
  --ring-focus: 0 0 0 3px rgba(116, 160, 132, 0.45);
  --ring-focus-accent: 0 0 0 3px rgba(193, 106, 75, 0.40);
  --ring-error: 0 0 0 3px rgba(200, 73, 63, 0.32);
}