/* ── Shelly Kelly · Effects — radii, shadows, borders, motion ───────────
   Soft, rounded, sunny. Shadows are warm-tinted, never gray-black. */

:root {
  /* corner radii — generous & rounded */
  --radius-xs:   6px;
  --radius-sm:   10px;
  --radius-md:   16px;
  --radius-lg:   24px;
  --radius-xl:   32px;
  --radius-pill: 999px;

  /* warm-tinted shadows (coral/teal shadow, not neutral gray) */
  --shadow-sm:  0 1px 2px rgba(14,107,107,.06), 0 2px 6px rgba(14,107,107,.06);
  --shadow-md:  0 6px 18px rgba(14,107,107,.10), 0 2px 6px rgba(14,107,107,.06);
  --shadow-lg:  0 18px 40px rgba(14,107,107,.14), 0 6px 14px rgba(14,107,107,.08);
  --shadow-coral: 0 10px 24px rgba(255,122,89,.32);

  /* the signature gilded edge — a hairline gold border */
  --gild-edge:  1.5px solid var(--sk-gold);   /* @kind other */
  --gild-glow:  0 0 0 1.5px var(--sk-gold-light), 0 8px 22px rgba(201,162,75,.28);  /* @kind shadow */

  /* high-gloss resin sheen (overlay highlight) */
  --gloss-sheen: linear-gradient(135deg, rgba(255,255,255,.55) 0%, rgba(255,255,255,0) 38%);  /* @kind other */

  /* motion — gentle, cheerful, never bouncy-cartoonish */
  --ease-out:    cubic-bezier(.22,.61,.36,1);  /* @kind other */
  --ease-soft:   cubic-bezier(.4,0,.2,1);       /* @kind other */
  --dur-fast:    140ms;   /* @kind other */
  --dur-base:    240ms;   /* @kind other */
  --dur-slow:    420ms;   /* @kind other */
}