/* ============================================================
   COCOTOMO FARM — Effects: radii, shadows, borders, motion
   Soft, organic, hand-made feel. Rounded but not pill-obsessed;
   shadows are warm-tinted and gentle (no hard grey drop shadows).
   ============================================================ */
:root {
  /* ---- Radii (organic, generous) -------------------------- */
  --radius-xs:  4px;
  --radius-sm:  8px;
  --radius-md:  14px;
  --radius-lg:  20px;
  --radius-xl:  28px;
  --radius-2xl: 40px;
  --radius-pill: 999px;
  --radius-blob: 42% 58% 56% 44% / 50% 46% 54% 50%; /* hand-drawn pebble */

  /* ---- Shadows (warm brown-tinted, soft) ------------------ */
  --shadow-xs: 0 1px 2px rgba(51, 39, 30, 0.06);
  --shadow-sm: 0 2px 6px rgba(51, 39, 30, 0.08);
  --shadow-md: 0 6px 18px rgba(51, 39, 30, 0.10);
  --shadow-lg: 0 14px 34px rgba(51, 39, 30, 0.12);
  --shadow-xl: 0 24px 60px rgba(51, 39, 30, 0.16);
  --shadow-inset: inset 0 1px 2px rgba(51, 39, 30, 0.06);

  /* ---- Borders -------------------------------------------- */
  --border-width: 1.5px;
  --border-width-strong: 2px;

  /* ---- Motion --------------------------------------------- */
  --ease-soft:  cubic-bezier(0.4, 0.14, 0.2, 1);  /* @kind other */
  --ease-out:   cubic-bezier(0.16, 1, 0.3, 1);    /* @kind other */
  --ease-bounce:cubic-bezier(0.34, 1.56, 0.64, 1);/* @kind other */
  --dur-fast:   140ms; /* @kind other */
  --dur-base:   240ms; /* @kind other */
  --dur-slow:   420ms; /* @kind other */

  /* ---- Focus / overlays ----------------------------------- */
  --overlay-scrim: color-mix(in srgb, var(--color-teal-800) 55%, transparent);
}