:root{
  /* Radii — The Wash logo capsule is a full pill; buttons/cards use soft, friendly rounding */
  --radius-xs:4px;
  --radius-sm:8px;
  --radius-md:12px;
  --radius-lg:18px;
  --radius-xl:28px;
  --radius-pill:999px;
  --radius-circle:50%;

  /* Borders */
  --border-width:1px;
  --border-width-thick:2px;

  /* Shadows — soft, cool-tinted, never harsh */
  --shadow-xs:0 1px 2px rgba(12,26,94,0.06);
  --shadow-sm:0 2px 6px rgba(12,26,94,0.08);
  --shadow-md:0 8px 20px rgba(12,26,94,0.10);
  --shadow-lg:0 18px 40px rgba(12,26,94,0.14);
  --shadow-accent:0 10px 24px rgba(240,120,24,0.30);

  /* Motion — quick, upbeat, no bounce */
  --ease-standard:cubic-bezier(0.2,0.7,0.3,1); /* @kind other */
  --ease-out:cubic-bezier(0.16,1,0.3,1); /* @kind other */
  --dur-fast:120ms; /* @kind other */
  --dur-base:200ms; /* @kind other */
  --dur-slow:340ms; /* @kind other */
}