:root{
  --radius-pill:999px;
  --radius-sm:10px;
  --radius-md:18px;
  --radius-lg:26px;
  --radius-xl:34px;
  --radius-2xl:48px;      /* big panels, hero blocks */

  /* Shaped photo masks — the brand never uses a plain rectangle */
  --shape-squircle:34px;                       /* menu + facility photos */
  --shape-arch:48% 48% 12% 12% / 34% 34% 12% 12%; /* @kind other */
  --shape-leaf:70px 14px 70px 14px; /* @kind other */
  --shape-oval:50%;                            /* hero counter photo, portraits */
  --photo-frame:3px;                           /* terracotta / sage frame width on photos */

  --shadow-none:none;
  --shadow-card:0 8px 24px rgba(0,0,0,.06);
  --shadow-raised:0 12px 32px rgba(0,0,0,.08);
  --shadow-float:0 18px 44px rgba(0,0,0,.12);
  --shadow-accent:0 8px 20px rgba(176,98,56,.26);

  --border-width:1px; /* @kind spacing */
  --focus-ring:0 0 0 3px rgba(176,98,56,.40); /* @kind shadow */
}