:root {
  /* ---- Corner radii ---- */
  --radius-none: 0px;
  --radius-sm: 6px;
  --radius-md: 10px;      /* .btn on site */
  --radius-pill: 25px;    /* primary CTA */
  --radius-round: 10000px;
  --radius-circle: 50%;   /* avatars, icon tiles */

  /* ---- Shadows ---- */
  --shadow-card: 0 3px 6px rgba(0, 0, 0, 0.05);   /* the one HFL shadow */
  --shadow-header: inset 0 1px 0 #e2e3df, 0 3px 6px rgba(0, 0, 0, 0.05);
  --shadow-none: none;

  /* ---- Motion ---- */
  --ease: cubic-bezier(0.4, 0, 0.2, 1); /* @kind other */
  --dur: 0.3s;             /* @kind other */
}