:root {
  /* Atelis is square. Radius is the exception, not the default —
     the only curves in the system belong to the wave device. */
  --atl-radius-none: 0px;
  --atl-radius-xs: 2px;
  --atl-radius-sm: 3px;
  --atl-radius-pill: 999px;
  --atl-radius-circle: 50%;
  --atl-radius-app-icon: 22%;

  --atl-border-width: 1px;
  --atl-border-width-strong: 2px;
  --atl-rule: 1px solid var(--atl-border);
  --atl-focus-ring: 0 0 0 2px var(--atl-surface-page), 0 0 0 4px var(--atl-border-focus);

  /* The wave device, as a token. Height is 1/3 of width, always. */
  --atl-device-ratio: 3; /* @kind other */
  --atl-device-stroke: 2.6;
}