/* Shadows, overlays & motion — Saivaree Clinic (values verbatim from sv3-child-css.css) */
:root {
  --shadow-photo: 0 34px 64px -34px rgba(46, 40, 32, 0.35);
  --shadow-header: 0 12px 32px -20px rgba(46, 40, 32, 0.4);
  --shadow-dropdown: 0 12px 32px -12px rgba(46, 40, 32, 0.28);
  --shadow-sheet: 0 34px 48px -22px rgba(27, 23, 18, 0.35);
  --shadow-float-btn: 0 10px 24px -10px rgba(27, 23, 18, 0.55);

  /* hero photo overlay: transparent top -> near-black bottom, text bottom-left */
  --overlay-hero: linear-gradient(to top, rgba(23, 19, 14, 0.9) 0%, rgba(23, 19, 14, 0.45) 45%, rgba(23, 19, 14, 0) 100%); /* @kind other */

  /* motion — quiet fades only, no bounces */
  --transition-fast: 0.25s ease;   /* @kind other */ /* links, colors */
  --transition-card: 0.35s ease;   /* @kind other */ /* card bg/border lighten */
  --transition-slow: 0.4s ease;    /* @kind other */ /* ghost numeral */
}