/* OYKOT — Elevation (warm-tinted shadows) & motion tokens.
   Shadows use a warm brown tint, never pure black, to stay warm. */

:root {
  --shadow-xs:  0 1px 2px rgba(54, 38, 28, 0.06);
  --shadow-sm:  0 1px 3px rgba(54, 38, 28, 0.08), 0 1px 2px rgba(54, 38, 28, 0.05);
  --shadow-md:  0 4px 10px rgba(54, 38, 28, 0.08), 0 2px 4px rgba(54, 38, 28, 0.05);
  --shadow-lg:  0 12px 28px rgba(54, 38, 28, 0.12), 0 4px 10px rgba(54, 38, 28, 0.06);
  --shadow-xl:  0 24px 48px rgba(54, 38, 28, 0.16);
  --shadow-focus: var(--focus-ring);

  /* Elevation aliases — paint with these (none · card · popover) */
  --elevation-none:    none;
  --elevation-card:    var(--shadow-sm);
  --elevation-popover: var(--shadow-lg);

  /* Motion — calm, no bounce. Warm products move gently. */
  --ease-standard: cubic-bezier(0.2, 0, 0, 1); /* @kind other */
  --ease-out:      cubic-bezier(0.16, 1, 0.3, 1); /* @kind other */
  --dur-fast:   120ms; /* @kind other */
  --dur-base:   200ms; /* @kind other */
  --dur-slow:   320ms; /* @kind other */
}