/* ============================================================
   Danni's Little Kitchen — Effects: radius, shadow, borders, motion
   Rounded, soft, hand-made. Shadows are warm and low-contrast;
   nothing sharp. Corners are generous and friendly.
   ============================================================ */

:root {
  /* ---- Corner radius (soft & rounded) ---- */
  --radius-xs:   6px;
  --radius-sm:   10px;
  --radius-md:   16px;    /* default cards, inputs */
  --radius-lg:   24px;    /* feature cards */
  --radius-xl:   34px;    /* hero panels */
  --radius-pill: 999px;   /* buttons, tags, chips */
  --radius-blob: 62% 38% 40% 60% / 55% 45% 55% 45%; /* organic illustration frames */

  /* ---- Shadows (warm chocolate-tinted, soft) ---- */
  --shadow-xs:   0 1px 2px rgba(86, 46, 28, 0.06);
  --shadow-sm:   0 2px 6px rgba(86, 46, 28, 0.08);
  --shadow-md:   0 8px 20px rgba(86, 46, 28, 0.10);
  --shadow-lg:   0 18px 40px rgba(86, 46, 28, 0.14);
  --shadow-xl:   0 28px 64px rgba(86, 46, 28, 0.18);
  /* Playful "sticker" lift — a solid offset in cocoa, no blur */
  --shadow-sticker: 4px 4px 0 var(--chocolate);
  --shadow-sticker-rose: 4px 4px 0 var(--rose);

  /* ---- Borders ---- */
  --bw-hair:   1px;
  --bw-line:   2px;    /* default drawn line */
  --bw-bold:   3px;    /* emphasized "ink" outline */

  /* ---- Motion ---- */
  --ease-soft:   cubic-bezier(0.34, 1.2, 0.55, 1);   /* @kind other */
  --ease-out:    cubic-bezier(0.22, 0.61, 0.36, 1);  /* @kind other */
  --dur-fast:    140ms; /* @kind other */
  --dur-base:    220ms; /* @kind other */
  --dur-slow:    360ms; /* @kind other */
}