/* WNM River Trip — Effects: shadows, borders, textures
 * Shadows are warm-tinted (brown, never neutral gray) and soft — like shade
 * under an oak tree. Borders lean on a crisp 2px "ink" outline for the playful,
 * slightly hand-drawn camp-signage look.
 */
:root {
  /* Warm-tinted elevation */
  --shadow-sm:  0 1px 2px rgba(74, 54, 38, 0.10);
  --shadow-md:  0 6px 16px -6px rgba(74, 54, 38, 0.22);
  --shadow-lg:  0 18px 40px -12px rgba(74, 54, 38, 0.28);
  --shadow-xl:  0 30px 60px -18px rgba(46, 32, 21, 0.32);

  /* Playful "sticker" shadow — a hard offset with no blur */
  --shadow-sticker: 4px 4px 0 var(--walnut-900);
  --shadow-sticker-sm: 3px 3px 0 var(--walnut-900);

  /* Borders */
  --border-w:      1.5px; /* @kind spacing */
  --border-ink-w:  2px; /* @kind spacing */
  --border-hair:   1.5px solid var(--border-hairline);
  --border-card:   2px solid var(--walnut-900);

  /* Focus ring */
  --ring: 0 0 0 3px var(--river-100), 0 0 0 5px var(--river);

  /* Motion — gentle bounce, like a float bobbing on the water */
  --ease-bounce: cubic-bezier(0.34, 1.56, 0.64, 1); /* @kind other */
  --ease-out:    cubic-bezier(0.22, 0.61, 0.36, 1); /* @kind other */
  --dur-fast:    120ms; /* @kind other */
  --dur-med:     220ms; /* @kind other */
  --dur-slow:    380ms; /* @kind other */

  /* Sun-ray / water texture helpers (used as background-image values) */
  --texture-rays: repeating-conic-gradient(from 0deg at 50% 50%,
     rgba(244,185,62,0.10) 0deg 6deg, transparent 6deg 12deg); /* @kind other */
}