/* Mission Insurance Partners — Radius, shadow, border, motion tokens */
:root {
  /* Corner radii — soft, friendly; pills for buttons */
  --radius-xs:   6px;
  --radius-sm:   10px;
  --radius-md:   14px;
  --radius-lg:   20px;
  --radius-xl:   28px;
  --radius-pill: 999px;

  /* Borders */
  --border-width: 1px;
  --border-width-strong: 1.5px;

  /* Shadows — soft, blue-tinted elevation (never harsh gray) */
  --shadow-xs:  0 1px 2px rgba(13,22,61,0.06);
  --shadow-sm:  0 2px 8px rgba(13,22,61,0.07);
  --shadow-md:  0 8px 24px rgba(13,22,61,0.10);
  --shadow-lg:  0 18px 48px rgba(13,22,61,0.14);
  --shadow-cta: 0 8px 20px rgba(198,146,31,0.28);
  --shadow-focus: 0 0 0 4px var(--focus-ring);

  /* Motion — calm, no bounce; reassuring easing */
  --ease-out:   cubic-bezier(0.22, 1, 0.36, 1); /* @kind other */
  --ease-in-out: cubic-bezier(0.65, 0, 0.35, 1); /* @kind other */
  --dur-fast:   140ms; /* @kind other */
  --dur-base:   220ms; /* @kind other */
  --dur-slow:   360ms; /* @kind other */
}