/* ============================================================
   MAX HAURI — Effects: shadow, focus, motion
   The brand reads as flat, precise and structural. Shadows are
   minimal — depth comes from contour lines and the gray surface,
   not heavy drop shadows. Motion is brief and functional.
   ============================================================ */
:root {
  /* Shadows — restrained. Cards lean on contour, not elevation. */
  --shadow-none: none;
  --shadow-sm:  0 1px 2px rgba(18, 16, 17, 0.06);
  --shadow-md:  0 4px 12px rgba(18, 16, 17, 0.08);
  --shadow-lg:  0 12px 32px rgba(18, 16, 17, 0.12);
  --shadow-focus: 0 0 0 3px rgba(5, 117, 167, 0.35); /* mh-blue ring */

  /* Motion — functional, no bounce */
  --ease-standard: cubic-bezier(0.2, 0, 0, 1); /* @kind other */
  --ease-out:      cubic-bezier(0, 0, 0.2, 1); /* @kind other */
  --dur-fast:   120ms; /* @kind other */
  --dur-base:   200ms; /* @kind other */
  --dur-slow:   320ms; /* @kind other */

  /* Z layers */
  --z-base: 0;       /* @kind other */
  --z-sticky: 100;   /* @kind other */
  --z-overlay: 800;  /* @kind other */
  --z-modal: 900;    /* @kind other */
  --z-toast: 1000;   /* @kind other */
}