/* ============================================================
   Midway Vacations — Effects: radii, borders, shadows, motion
   Soft, rounded, calm. Shadows are cool navy-tinted, never grey.
   ============================================================ */

:root {
  /* ---- Corner radii (generous, friendly) ---- */
  --radius-xs:   4px;
  --radius-sm:   8px;
  --radius-md:   12px;
  --radius-lg:   18px;
  --radius-xl:   26px;
  --radius-2xl:  36px;
  --radius-pill: 999px;

  /* ---- Border widths ---- */
  --border-hair:  1px;
  --border-thick: 2px;

  /* ---- Shadows — navy-tinted, soft, layered ---- */
  --shadow-xs:  0 1px 2px rgba(3, 42, 69, 0.06);
  --shadow-sm:  0 2px 6px rgba(3, 42, 69, 0.07);
  --shadow-md:  0 6px 18px rgba(3, 42, 69, 0.09), 0 2px 6px rgba(3, 42, 69, 0.05);
  --shadow-lg:  0 18px 40px rgba(3, 42, 69, 0.12), 0 4px 12px rgba(3, 42, 69, 0.06);
  --shadow-xl:  0 32px 64px rgba(3, 42, 69, 0.16), 0 8px 20px rgba(3, 42, 69, 0.08);
  --shadow-gold: 0 8px 22px rgba(228, 200, 116, 0.42);
  --shadow-focus: 0 0 0 3px rgba(70, 148, 137, 0.35);

  /* ---- Motion — calm, no bounce; gentle ease ---- */
  --ease-out:    cubic-bezier(0.22, 0.61, 0.36, 1); /* @kind other */
  --ease-in-out: cubic-bezier(0.45, 0, 0.25, 1);    /* @kind other */
  --duration-fast:   140ms; /* @kind other */
  --duration-base:   220ms; /* @kind other */
  --duration-slow:   360ms; /* @kind other */
  --duration-slower: 600ms; /* @kind other */

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