/* Radii, elevation, blur, motion.
   The brand's shape language is PILL + CIRCLE + TORN PAPER EDGE. The rounded
   rectangle barely appears in the source artwork — keep --radius-md/lg for UI
   chrome only, and reach for a torn edge or a pill before a soft corner. */
:root{
  --radius-none:0;
  --radius-sm:8px;
  --radius-md:14px;
  --radius-lg:24px;
  --radius-pill:999px;
  --radius-circle:50%;

  /* Elevation reads as PAPER LIFTING OFF PAPER: soft, low-contrast, slightly
     offset down. Never a coloured or glowing shadow. */
  --shadow-paper-sm:0 3px 10px rgba(20,5,5,.18);
  --shadow-paper:0 10px 28px rgba(20,5,5,.26);
  --shadow-paper-lg:0 22px 56px rgba(20,5,5,.34);
  --shadow-sticker:0 14px 30px rgba(20,5,5,.30);
  /* Applied to transparent PNG cutouts via filter, not box-shadow */
  --drop-cutout:drop-shadow(0 14px 26px rgba(20,5,5,.34)); /* @kind other */
  --drop-cutout-sm:drop-shadow(0 6px 14px rgba(20,5,5,.28)); /* @kind other */
  --inset-press:inset 0 2px 6px rgba(20,5,5,.24);

  --blur-veil:blur(14px); /* @kind other */      /* translucent chips/cards over the gradient */
  --blur-veil-strong:blur(28px); /* @kind other */

  /* Motion. No animation is observable in the supplied static artwork, so these
     are deliberately restrained: short, no bounce, no spring. */
  --ease-out:cubic-bezier(.22,.61,.36,1); /* @kind other */
  --ease-in-out:cubic-bezier(.45,.05,.55,.95); /* @kind other */
  --dur-fast:140ms; /* @kind other */
  --dur:220ms; /* @kind other */
  --dur-slow:420ms; /* @kind other */

  /* Rotations used to give collage pieces their hand-placed feel */
  --tilt-sticker:-7deg; /* @kind other */
  --tilt-cutout:2.5deg; /* @kind other */
}