/* WHEELS — Elevation tokens
   Philosophy: COLOR-BLOCK first, shadow rare. Most depth comes from
   the cream-vs-dark surface contrast, not drop shadows. Shadows are
   reserved for hover-lift and floating elements (cookie banner, menus). */

:root {
  --shadow-none: none;
  /* faint hover lift on cream cards */
  --shadow-sm: 0 1px 3px rgba(20, 24, 22, 0.07);
  --shadow-md: 0 6px 20px rgba(20, 24, 22, 0.10);
  /* floating elements over content (sticky CTA, menus, banners) */
  --shadow-lg: 0 16px 48px rgba(17, 27, 30, 0.22);
  /* coral CTA glow on hover, used sparingly */
  --shadow-coral: 0 8px 24px rgba(204, 120, 92, 0.28);

  /* default motion — calm, no bounce */
  --ease: cubic-bezier(0.22, 0.61, 0.36, 1); /* @kind other */
  --dur-fast: 120ms; /* @kind other */
  --dur: 200ms; /* @kind other */
  --dur-slow: 360ms; /* @kind other */
}