/* ============================================================
   Digidoktor - Radius, shadow & motion tokens
   Soft, rounded, friendly. Diffuse green-tinted shadows.
   ============================================================ */

:root {
  /* ---- Corner radii - generously rounded, capsule CTAs ---- */
  --radius-xs:   6px;
  --radius-sm:   10px;
  --radius-md:   14px;   /* default card/input */
  --radius-lg:   20px;
  --radius-xl:   28px;   /* hero cards, sheets */
  --radius-2xl:  36px;
  --radius-pill: 999px;  /* buttons, chips, badges */

  /* ---- Shadows - low, soft, slightly green-tinted (pine) ---- */
  --shadow-xs:   0 1px 2px rgba(14, 36, 33, 0.06);
  --shadow-sm:   0 1px 3px rgba(14, 36, 33, 0.08), 0 1px 2px rgba(14, 36, 33, 0.04);
  --shadow-md:   0 6px 16px rgba(14, 36, 33, 0.08), 0 2px 4px rgba(14, 36, 33, 0.05);
  --shadow-lg:   0 16px 36px rgba(14, 36, 33, 0.10), 0 4px 10px rgba(14, 36, 33, 0.05);
  --shadow-xl:   0 28px 60px rgba(14, 36, 33, 0.14), 0 8px 18px rgba(14, 36, 33, 0.06);
  --shadow-focus: 0 0 0 3px rgba(61, 113, 117, 0.35); /* pine-400 @ 35% */
  --shadow-inset: inset 0 1px 2px rgba(14, 36, 33, 0.06);

  /* ---- Motion ---- */
  --ease-out:   cubic-bezier(0.22, 1, 0.36, 1); /* @kind other */
  --ease-in-out:cubic-bezier(0.65, 0, 0.35, 1); /* @kind other */
  --ease-spring:cubic-bezier(0.34, 1.56, 0.64, 1); /* @kind other */
  --dur-fast:   120ms; /* @kind other */
  --dur-base:   200ms; /* @kind other */
  --dur-slow:   360ms; /* @kind other */
}