/* Corner radius — Theme/radius frame:
 * "Rは4, 8, 12と3種類の数字を用意し、コンポーネントの短辺に合わせて角丸の数値を可変します"
 * (three steps — 4, 8, 12 — chosen against the component's short edge). */
:root{
  --radius-none: 0px;
  --radius-xs: 2px;
  --radius-sm: 4px;
  --radius-md: 8px;
  --radius-lg: 12px;
  --radius-full: 999px;
}