:root {
  --radius-none: 0;
  --radius-xs: 3px;
  --radius-sm: 6px;
  --radius-md: 10px;
  --radius-lg: 14px;
  --radius-xl: 20px;
  --radius-pill: 999px;
  --radius-card: var(--radius-lg);
  --radius-control: var(--radius-sm);
  --radius-ticket: var(--radius-md);
  --border-hairline: 1px;
  --border-medium: 1.5px;
  --border-heavy: 2px;
  --rule-brand: 3px;
}