/* ─────────────────────────────────────────────────────────────
   RADIUS, SHADOW & MOTION — Jakub Komárek
   Architectural: corners stay near-sharp. Chips are the only pills.
   Shadows are warm, soft and rare — imagery floats, UI stays flat.
   ───────────────────────────────────────────────────────────── */

:root {
  /* ── Radius ── */
  --radius-none: 0;
  --radius-xs:   2px;
  --radius-sm:   4px;
  --radius-md:   8px;
  --radius-lg:   12px;
  --radius-full: 999px;   /* room-filter chips, avatars */

  /* ── Shadows (warm-tinted, restrained) ── */
  --shadow-xs:    0 1px 2px rgba(56, 50, 42, 0.06);
  --shadow-sm:    0 2px 10px rgba(56, 50, 42, 0.07);
  --shadow-md:    0 10px 30px -8px rgba(56, 50, 42, 0.12);
  --shadow-lg:    0 24px 60px -16px rgba(34, 30, 25, 0.18);
  /* hero photography lift */
  --shadow-image: 0 40px 80px -28px rgba(34, 30, 25, 0.30);

  /* ── Motion ── */
  --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:   180ms; /* @kind other */
  --dur-base:   320ms; /* @kind other */
  --dur-slow:   620ms; /* @kind other */
}