/* TANGO — Effects: shadows, motion, gradients
 * Noir = hard black shadows, theatrical light, restrained motion.
 * No soft dreamy blur clouds; shadows are graphic and directional.
 */
:root {
  /* ---- Shadows — hard, offset, noir ---------------------------------- */
  /* Graphic "cut-out" drop shadow, like objects on a lit stage */
  --shadow-hard-sm: 4px 4px 0 rgba(5, 5, 5, 0.9);
  --shadow-hard-md: 10px 12px 0 rgba(5, 5, 5, 0.85);
  --shadow-hard-lg: 20px 24px 0 rgba(5, 5, 5, 0.8);
  /* Red cast shadow (object lit on a red stage) */
  --shadow-red: 12px 16px 0 rgba(142, 9, 18, 0.55);
  /* Softer product shadow for photography surfaces */
  --shadow-product: 0 30px 60px -20px rgba(5, 5, 5, 0.7);
  /* Panel elevation on black */
  --shadow-panel: 0 2px 0 rgba(0,0,0,0.5), 0 20px 40px -24px rgba(0,0,0,0.9);

  /* Glow for lit POS signage / focus moments */
  --glow-cream: 0 0 24px rgba(255, 243, 214, 0.35);
  --glow-red: 0 0 32px rgba(229, 9, 20, 0.45);

  /* ---- Motion -------------------------------------------------------- */
  /* Controlled, poised — like a dancer's hold. No bounce, no whimsy. */
  --ease-tango: cubic-bezier(0.2, 0.7, 0.2, 1);   /* @kind other */
  --ease-snap: cubic-bezier(0.65, 0, 0.35, 1);    /* @kind other */
  --ease-out: cubic-bezier(0.16, 1, 0.3, 1);      /* @kind other */

  --dur-fast: 140ms;     /* @kind other */
  --dur-base: 240ms;     /* @kind other */
  --dur-slow: 420ms;     /* @kind other */
  --dur-curtain: 720ms;  /* @kind other */

  /* ---- Gradients — used sparingly (lacquer sheen, protection scrims) -- */
  /* Glossy lacquer sheen for product-like surfaces */
  --sheen-red: linear-gradient(135deg, #FF2A34 0%, var(--tango-red) 42%, var(--tango-red-blood) 100%); /* @kind color */
  --sheen-noir: linear-gradient(135deg, #2A2A2A 0%, var(--noir-800) 45%, #000 100%); /* @kind color */
  /* Bottom protection scrim for text over photography */
  --scrim-noir: linear-gradient(to top, rgba(5,5,5,0.92) 0%, rgba(5,5,5,0.5) 40%, rgba(5,5,5,0) 100%); /* @kind color */
  --scrim-red: linear-gradient(to top, rgba(142,9,18,0.9) 0%, rgba(200,16,46,0) 100%); /* @kind color */
}

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