/* Villa Mesochori — radius, shadow, motion */
:root {
  --radius-sm: 6px;
  --radius-md: 10px;
  --radius-lg: 16px;
  --radius-arch: 999px 999px 12px 12px; /* Mediterranean arch — imagery + feature panels */
  --radius-pill: 999px;

  /* Shadows: warm-tinted, soft, low. Sun through shutters, not drop-shadow drama. */
  --shadow-card:  0 1px 2px rgba(51, 44, 37, 0.05), 0 4px 14px rgba(51, 44, 37, 0.07);
  --shadow-lift:  0 2px 4px rgba(51, 44, 37, 0.06), 0 10px 28px rgba(51, 44, 37, 0.12);
  --shadow-modal: 0 8px 40px rgba(34, 29, 24, 0.22);

  --ease-out: cubic-bezier(0.22, 1, 0.36, 1); /* @kind other */
  --duration-fast: 150ms; /* @kind other */
  --duration-slow: 320ms; /* @kind other */

  --focus-ring: 0 0 0 3px rgba(210, 129, 84, 0.35);
}