/* smarTender — Radii, shadows, motion, layering
   Cards: soft rounding (14–18px), diffuse violet-tinted shadow, hairline border.
   Pills ("Lasche"): fully rounded. */

:root {
  /* Corner radii */
  --radius-xs:   4px;
  --radius-sm:   8px;
  --radius-md:   12px;
  --radius-lg:   16px;
  --radius-xl:   22px;
  --radius-pill: 999px;

  /* Shadows — soft, cool, low-spread (violet-tinted) */
  --shadow-xs: 0 1px 2px rgba(46, 22, 54, 0.06);
  --shadow-sm: 0 2px 6px rgba(46, 22, 54, 0.08);
  --shadow-md: 0 8px 20px rgba(46, 22, 54, 0.10);
  --shadow-lg: 0 18px 40px rgba(46, 22, 54, 0.14);
  --shadow-brand: 0 10px 26px rgba(146, 44, 179, 0.30);

  --ring-focus: 0 0 0 3px rgba(179, 80, 221, 0.35);

  /* Motion */
  --ease-standard: cubic-bezier(0.2, 0.6, 0.2, 1); /* @kind other */
  --ease-emphasis: cubic-bezier(0.34, 1.4, 0.64, 1); /* @kind other */
  --duration-fast:   120ms; /* @kind other */
  --duration-normal: 200ms; /* @kind other */
  --duration-slow:   320ms; /* @kind other */

  /* Z-index */
  --z-base:     0; /* @kind other */
  --z-sticky:   100; /* @kind other */
  --z-dropdown: 400; /* @kind other */
  --z-overlay:  800; /* @kind other */
  --z-modal:    900; /* @kind other */
  --z-toast:    1000; /* @kind other */
}