:root {
  /* ---- Corner radii --------------------------------------------------- */
  --radius-sm: 8px;
  --radius-md: 12px;     /* inputs, small cards */
  --radius-lg: 18px;     /* cards */
  --radius-xl: 28px;     /* large feature cards */
  --radius-pill: 980px;  /* Apple pill buttons */

  /* ---- Shadows — restrained, Apple-soft ------------------------------- */
  --shadow-none: none;
  --shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.04);
  --shadow-card: 0 4px 16px rgba(0, 0, 0, 0.06);
  --shadow-raised: 0 8px 28px rgba(0, 0, 0, 0.10);
  --shadow-nav: 0 1px 0 rgba(0, 0, 0, 0.08);

  /* ---- Focus ring ----------------------------------------------------- */
  --focus-ring: 0 0 0 4px rgba(10, 92, 255, 0.28);

  /* ---- Motion --------------------------------------------------------- */
  --ease-standard: cubic-bezier(0.28, 0.11, 0.32, 1);  /* @kind other */
  --ease-out: cubic-bezier(0.16, 1, 0.3, 1);  /* @kind other */
  --dur-fast: 160ms;  /* @kind other */
  --dur-base: 280ms;  /* @kind other */
  --dur-slow: 500ms;  /* @kind other */
}