/* ============================================================
   RADIUS & SHADOWS — Chepstow Hearing Clinic
   Soft, friendly rounding. Shadows are subtle and cool-navy
   tinted (never harsh black) to feel calm and clinical-clean.
   ============================================================ */

:root {
  /* Corner radii */
  --radius-xs:   4px;
  --radius-sm:   8px;
  --radius-md:   12px;   /* default card / input */
  --radius-lg:   18px;
  --radius-xl:   28px;   /* hero panels, large feature cards */
  --radius-pill: 999px;  /* buttons, tags, chips */
  --radius-full: 50%;    /* avatars */

  /* Shadows — navy-tinted, layered, low spread */
  --shadow-xs:  0 1px 2px rgba(16, 36, 103, 0.06);
  --shadow-sm:  0 2px 6px rgba(16, 36, 103, 0.07);
  --shadow-md:  0 6px 18px rgba(16, 36, 103, 0.09);
  --shadow-lg:  0 16px 40px rgba(16, 36, 103, 0.12);
  --shadow-xl:  0 28px 64px rgba(16, 36, 103, 0.16);

  /* Focus / accent glow */
  --shadow-gold: 0 8px 24px rgba(198, 164, 108, 0.28);

  /* Motion */
  --ease-standard: cubic-bezier(0.4, 0, 0.2, 1); /* @kind other */
  --ease-out:      cubic-bezier(0.16, 1, 0.3, 1); /* @kind other */
  --duration-fast: 140ms; /* @kind other */
  --duration-base: 220ms; /* @kind other */
  --duration-slow: 360ms; /* @kind other */
}