/* tuli· — Radius & elevation  (mirrors app --radius:1rem + shadow tokens)
   Rounded, soft, friendly. No hard corners. Shadows are low + warm, never harsh. */
:root {
  --tuli-radius:       16px;   /* --radius: 1rem (base) */
  --tuli-radius-sm:    10px;   /* chips, small icon discs (9–12px in app) */
  --tuli-radius-md:    14px;   /* buttons, inputs, list rows */
  --tuli-radius-card:  16px;   /* cards, hero, ring row */
  --tuli-radius-lg:    20px;   /* sheets, green child card */
  --tuli-radius-xl:    28px;   /* app-icon squircle */
  --tuli-radius-pill:  999px;  /* pills, badges, avatars */

  /* Elevation — soft, warm, low-contrast (app tokens) */
  --tuli-shadow-sm:       0 1px 2px rgba(30, 28, 46, 0.05);
  --tuli-shadow-soft:     0 4px 20px -8px rgba(30, 27, 46, 0.08);
  --tuli-shadow-card:     0 4px 24px rgba(30, 27, 46, 0.06);
  --tuli-shadow-md:       0 4px 24px rgba(30, 27, 46, 0.06);   /* alias of card */
  --tuli-shadow-elevated: 0 12px 40px -12px rgba(30, 27, 46, 0.18);
  --tuli-shadow-lg:       0 12px 40px -12px rgba(30, 27, 46, 0.18); /* alias */
  --tuli-shadow-glow:     0 10px 30px -10px rgba(29, 158, 117, 0.40);
  --tuli-shadow-cta:      0 6px 16px rgba(29, 158, 117, 0.24);
  --tuli-shadow-child:    0 8px 24px -12px rgba(30, 28, 46, 0.28); /* green child card */

  /* Motion — gentle, minimal bounce (app uses cubic-bezier(.22,1,.36,1)) */
  --tuli-ease:       cubic-bezier(0.22, 1, 0.36, 1); /* @kind other */
  --tuli-ease-out:   ease-out; /* @kind other */
  --tuli-dur-fast:   150ms; /* @kind other */
  --tuli-dur:        250ms; /* @kind other */
  --tuli-dur-slow:   400ms; /* @kind other */
}