/* Radii, strokes and shadows. The brand uses almost no shadow — depth comes from
   overlapping white cards on photographs. */
:root{
  --radius-sm:15px;    /* buttons, photos, quote cards — the default radius */
  --radius-md:25px;    /* large white content cards floating over imagery */
  --radius-lg:50px;    /* style-guide specimen frames */
  --radius-pill:999px;
  --radius-circle:50%;

  --stroke-hairline:3px;
  --border-hairline-inset:inset 0 0 0 3px var(--sw-hairline);

  --shadow-none:none;
  --shadow-card:0 18px 40px rgba(29,25,51,0.10);  /* optional lift for floating cards */
  --shadow-press:inset 0 2px 0 rgba(29,25,51,0.18);

  --scrim-hero:rgba(255,255,255,0.75);
}