/* Zapier elevation. The brand is mostly FLAT — elevation is carried by
   surface contrast (cream card on warm-white page) or a 1px ink hairline.
   Shadows appear only on floating layers (modal, toast, dropdown). */
:root {
  --shadow-none: none;
  --border-hairline: 1px solid var(--color-ink);
  --shadow-toast: 0 4px 16px rgba(32, 21, 21, 0.12);
  --shadow-modal: 0 12px 40px rgba(32, 21, 21, 0.18);
  --shadow-dropdown: 0 8px 24px rgba(32, 21, 21, 0.10);

  /* Motion — quiet, quick fades/eases. No bounces. */
  --ease-out: cubic-bezier(0.2, 0, 0, 1); /* @kind other */
  --duration-fast: 120ms; /* @kind other */
  --duration-base: 200ms; /* @kind other */
}