/* Cash Clinic — Effects: elevation, motion, focus
   ------------------------------------------------------------------
   Shadows are soft and low-contrast, tinted with the brand purple
   rather than pure black, so cards feel calm and "clinical-clean".
   Motion is gentle and confident — easing out, never bouncy. */

:root {
  /* Elevation — purple-tinted, diffuse */
  --shadow-xs:  0 1px 2px rgba(47,23,72,0.06);
  --shadow-sm:  0 2px 6px rgba(47,23,72,0.07), 0 1px 2px rgba(47,23,72,0.05);
  --shadow-md:  0 8px 24px rgba(47,23,72,0.09), 0 2px 6px rgba(47,23,72,0.06);
  --shadow-lg:  0 18px 48px rgba(47,23,72,0.13), 0 4px 12px rgba(47,23,72,0.07);
  --shadow-xl:  0 32px 80px rgba(47,23,72,0.18), 0 8px 20px rgba(47,23,72,0.08);

  /* Ring for focus-visible */
  --ring-width: 3px;
  --ring-color: rgba(42,137,140,0.45);   /* teal, translucent */
  --ring-offset: 2px;

  /* Motion */
  --ease-out:   cubic-bezier(0.22, 0.61, 0.36, 1);  /* @kind other */
  --ease-in-out: cubic-bezier(0.65, 0, 0.35, 1);    /* @kind other */
  --ease-soft:  cubic-bezier(0.33, 1, 0.68, 1);     /* @kind other */
  --dur-fast:   120ms;  /* @kind other */
  --dur-base:   220ms;  /* @kind other */
  --dur-slow:   420ms;  /* @kind other */

  /* Overlays / scrims */
  --scrim:        rgba(27,18,38,0.55);
  --scrim-strong: rgba(27,18,38,0.78);

  /* Hairline on dark surfaces */
  --hairline-on-dark: rgba(255,231,188,0.16);
}