/* ============================================================
   Crioula — Effects: shadows, motion, textures
   Shadows are soft and warm-tinted (never cold/blue). Motion is
   gentle and unhurried — this is a slow-food, artisanal brand.
   ============================================================ */

:root {
  /* warm, low shadows tuned to the paper ground */
  --shadow-xs: 0 1px 2px rgba(64, 64, 65, 0.06);
  --shadow-sm: 0 2px 8px rgba(80, 111, 93, 0.08), 0 1px 2px rgba(64,64,65,0.06);
  --shadow-md: 0 8px 24px rgba(64, 64, 65, 0.10), 0 2px 6px rgba(64,64,65,0.06);
  --shadow-lg: 0 18px 48px rgba(51, 71, 60, 0.16), 0 4px 12px rgba(64,64,65,0.08);
  --shadow-inset: inset 0 1px 2px rgba(64, 64, 65, 0.10);

  /* focus ring */
  --ring: 0 0 0 3px rgba(233, 171, 33, 0.40);

  /* motion */
  --ease-out: cubic-bezier(0.22, 0.61, 0.36, 1); /* @kind other */
  --ease-soft: cubic-bezier(0.4, 0, 0.2, 1); /* @kind other */
  --dur-fast: 140ms; /* @kind other */
  --dur: 220ms; /* @kind other */
  --dur-slow: 420ms; /* @kind other */
}

@media (prefers-reduced-motion: reduce) {
  :root { --dur-fast: 0ms; /* @kind other */ --dur: 0ms; /* @kind other */ --dur-slow: 0ms; /* @kind other */ }
}