/* MAIN FORTE — Effects: shadows, textures, motion */
:root {
  /* Shadows — warm, soft, low. The guide is printed matter: shadows are
     gentle "paper lift", never crisp UI drop-shadows. */
  --shadow-xs:  0 1px 2px rgba(55, 82, 74, 0.08);
  --shadow-sm:  0 2px 6px rgba(55, 82, 74, 0.10);
  --shadow-md:  0 6px 18px rgba(55, 82, 74, 0.12);
  --shadow-lg:  0 14px 34px rgba(43, 58, 51, 0.16);
  --shadow-photo: 0 10px 26px rgba(43, 58, 51, 0.22); /* taped-in photo lift */
  --shadow-inset: inset 0 1px 0 rgba(255,255,255,0.5);

  /* Paper texture — subtle grain via layered radial dots.
     Apply with:  background-image: var(--texture-paper); */
  --texture-paper:
    radial-gradient(rgba(120,100,70,0.05) 0.5px, transparent 0.6px),
    radial-gradient(rgba(120,100,70,0.035) 0.5px, transparent 0.6px); /* @kind other */
  --texture-paper-size: 3px 3px, 7px 7px; /* @kind other */

  /* Motion — calm, no bounce. Fades and small lifts only. */
  --ease-standard: cubic-bezier(0.32, 0.08, 0.24, 1); /* @kind other */
  --ease-out:      cubic-bezier(0.16, 0.84, 0.44, 1); /* @kind other */
  --dur-fast: 120ms; /* @kind other */
  --dur-base: 200ms; /* @kind other */
  --dur-slow: 320ms; /* @kind other */

  /* Hover/press conventions (documented in readme):
     hover  = lift 1–2px + shadow up one step
     press  = translateY(1px), no shadow */
  --hover-lift: translateY(-2px); /* @kind other */
  --press-sink: translateY(1px);  /* @kind other */

  /* Hand-drawn rotation helpers for taped photos / stickers */
  --tilt-l: -2.2deg; /* @kind other */
  --tilt-r: 1.8deg;  /* @kind other */
}