:root {
  /* Radii — pills for controls, square-ish for media */
  --radius-pill: 9999px;
  --radius-card: 8px;
  --radius-input: 8px;
  --radius-media: 0px;

  /* Shadows — used sparingly (menus, dialogs, toasts only) */
  --shadow-menu: 0 4px 16px rgba(0, 0, 0, 0.12);
  --shadow-dialog: 0 12px 40px rgba(0, 0, 0, 0.24);

  /* Overlays */
  --overlay-scrim: rgba(17, 17, 17, 0.36);
  --protect-gradient: linear-gradient(180deg, rgba(17,17,17,0) 40%, rgba(17,17,17,0.55) 100%); /* @kind color */

  /* Motion */
  --ease-out: cubic-bezier(0.22, 1, 0.36, 1); /* @kind other */
  --duration-fast: 150ms; /* @kind other */
  --duration-base: 250ms; /* @kind other */
}