/* СКРУГЛЕНИЯ — дружелюбные, но не «таблеточные» для контейнеров.
   Опора: скругление корпуса телефона внутри знака «а» и витринные карточки (8px). */
:root {
  --radius-xs: 4px;
  --radius-sm: 8px;
  --radius-md: 12px;
  --radius-lg: 16px;
  --radius-xl: 20px;
  --radius-2xl: 28px;
  --radius-pill: 999px;

  --radius-control: var(--radius-md);
  --radius-card: var(--radius-lg);
  --radius-media: var(--radius-md);
  --radius-chip: var(--radius-pill);
  --radius-modal: var(--radius-xl);
}