/* ── Or LeIsrael · Radius & elevation tokens ────────────
   Corner radii observed across the site: small controls 5–8px,
   cards 12–18px, pills/circles fully round.
   Shadows are soft and teal-tinted, never harsh black.
──────────────────────────────────────────────────────── */

:root {
  /* ── Corner radius ── */
  --radius-xs:    5px;   /* nav items, small pills */
  --radius-sm:    7px;   /* buttons, form pills, chips */
  --radius-md:    8px;   /* inputs, standard buttons */
  --radius-lg:    12px;  /* small cards, icon tiles */
  --radius-xl:    14px;  /* service cards, widgets */
  --radius-2xl:   18px;  /* feature cards, form cards, modals */
  --radius-pill:  9999px;
  --radius-full:  50%;

  /* ── Elevation (teal-tinted, soft) ── */
  --shadow-nav:   0 2px 12px rgba(0, 0, 0, 0.06);            /* sticky nav */
  --shadow-sm:    0 4px 14px rgba(15, 69, 69, 0.09);         /* card hover lift */
  --shadow-md:    0 4px 20px rgba(15, 69, 69, 0.08);         /* resting card */
  --shadow-lg:    0 6px 30px rgba(15, 69, 69, 0.10);         /* modal / form card */
  --shadow-widget:0 4px 20px rgba(15, 69, 69, 0.08);         /* shabbat widget */
  --shadow-gold:  0 4px 16px rgba(200, 151, 58, 0.40);       /* gold play button */

  /* ── Borders ── */
  --border-w-hair:  0.5px; /* @kind other */
  --border-w-1:     1px;   /* @kind other */
  --border-w-accent:2px;   /* gold navbar underline @kind other */

  /* ── Motion ── */
  --ease-standard:  0.15s; /* @kind other */
  --ease-quick:     0.12s; /* @kind other */
  --transition-hover: background 0.15s, color 0.15s, box-shadow 0.15s, transform 0.15s, border-color 0.15s; /* @kind other */
}