/* ============================================================
   Arístides — Effects: shadows, elevation, motion
   Sober institutional feel: soft neutral shadows, no glow.
   ============================================================ */

:root {
  /* ---- Elevation (neutral, low-contrast — formal) ---- */
  --shadow-xs:   0 1px 2px rgba(33,33,33,.06);
  --shadow-sm:   0 1px 3px rgba(33,33,33,.10), 0 1px 2px rgba(33,33,33,.06);
  --shadow-md:   0 4px 12px rgba(33,33,33,.10), 0 2px 4px rgba(33,33,33,.06);
  --shadow-lg:   0 12px 28px rgba(33,33,33,.14), 0 4px 8px rgba(33,33,33,.06);
  --shadow-xl:   0 24px 56px rgba(33,33,33,.18), 0 8px 16px rgba(33,33,33,.08);

  /* Purple-cast elevation for brand surfaces */
  --shadow-brand: 0 12px 30px rgba(82,0,109,.28);

  /* Polaroid drop (banner collage) — slightly warmer, harder */
  --shadow-photo: 0 10px 24px rgba(33,33,33,.22);

  /* Focus ring composite */
  --ring: 0 0 0 3px var(--focus-ring);

  /* ---- Motion ---- */
  --ease-out:    cubic-bezier(.22, .61, .36, 1);   /* @kind other */
  --ease-in-out: cubic-bezier(.45, 0, .25, 1);     /* @kind other */
  --ease-spring: cubic-bezier(.34, 1.56, .64, 1);  /* @kind other */

  --dur-fast:    140ms;  /* @kind other */
  --dur-base:    220ms;  /* @kind other */
  --dur-slow:    360ms;  /* @kind other */

  /* ---- Overlay scrims ---- */
  --scrim-dark:  rgba(22,22,22,.55);  /* @kind color */
  --scrim-brand: rgba(46,0,61,.55);   /* @kind color */
  --backdrop-blur: saturate(120%) blur(8px); /* @kind other */
}