/* =========================================================================
   Alice Designs — Elevation & motion
   Shadows are warm-tinted (ink, not pure black) and soft. Elevation is
   used sparingly; the system leans on hairline borders and sand contrast.
   ========================================================================= */

:root {
  /* Warm-tinted shadows */
  --shadow-xs: 0 1px 2px rgba(20, 19, 14, 0.06);
  --shadow-sm: 0 2px 8px rgba(20, 19, 14, 0.07);
  --shadow-md: 0 10px 28px -12px rgba(20, 19, 14, 0.18);
  --shadow-lg: 0 24px 60px -24px rgba(20, 19, 14, 0.28);
  --shadow-inset: inset 0 1px 0 rgba(255, 255, 255, 0.5);

  /* Focus ring composite */
  --ring: 0 0 0 3px var(--focus-ring);

  /* Motion — quick, eased, never bouncy */
  --ease-out: cubic-bezier(0.22, 1, 0.36, 1); /* @kind other */
  --ease-in-out: cubic-bezier(0.65, 0, 0.35, 1); /* @kind other */
  --dur-fast: 120ms; /* @kind other */
  --dur-base: 200ms; /* @kind other */
  --dur-slow: 360ms; /* @kind other */
}