/* ============================================================
   The Identity Atelier — Effects: shadows, blur, motion
   Soft, diffuse, editorial. Nothing harsh.
   ============================================================ */

:root {
  /* ---- Shadows (warm-tinted, soft) ---- */
  --shadow-xs:  0 1px 2px rgba(40, 36, 39, 0.06);
  --shadow-sm:  0 2px 8px rgba(40, 36, 39, 0.07);
  --shadow-md:  0 10px 30px -12px rgba(40, 36, 39, 0.18);
  --shadow-lg:  0 24px 60px -24px rgba(40, 36, 39, 0.28);
  --shadow-accent: 0 18px 40px -18px rgba(84, 6, 7, 0.42);

  /* ---- Image scrims (for text-over-photo) ---- */
  --scrim-bottom: linear-gradient(to top, rgba(26,22,24,0.86) 0%, rgba(26,22,24,0.55) 32%, rgba(26,22,24,0) 70%); /* @kind other */
  --scrim-full:   linear-gradient(to top, rgba(26,22,24,0.78) 0%, rgba(26,22,24,0.32) 50%, rgba(26,22,24,0.28) 100%); /* @kind other */
  --scrim-warm:   linear-gradient(180deg, rgba(40,36,39,0.10) 0%, rgba(40,36,39,0.42) 100%); /* @kind other */

  /* ---- Blur ---- */
  --blur-sm: blur(6px); /* @kind other */
  --blur-md: blur(16px); /* @kind other */

  /* ---- Motion (calm, refined — ease-out, no bounce) ---- */
  --ease-out:   cubic-bezier(0.22, 0.61, 0.36, 1); /* @kind other */
  --ease-inout: cubic-bezier(0.65, 0, 0.35, 1); /* @kind other */
  --dur-fast:   140ms; /* @kind other */
  --dur-base:   240ms; /* @kind other */
  --dur-slow:   420ms; /* @kind other */
}