style(design-system): normalize exact-match border-radius literals to tokens

Mechanical sweep for border-radius: 4px/8px/12px/13px/999px replaced
with var(--radius-xs/sm/md/lg/full, <same value>) across src/app.
Only exact matches to existing token values were touched (20px, 16px,
10px, 6px, 3px, 2px etc. were left as-is since no token maps to them
without a visible size change on at least one tenant theme — see
docs/UI-DESIGN-REVIEW.md).
This commit is contained in:
sdarbinyan
2026-07-20 03:27:25 +04:00
parent 7cb1c8c3c6
commit be59db2e2d
51 changed files with 130 additions and 130 deletions

View File

@@ -71,7 +71,7 @@
display: inline-flex;
align-items: center;
padding: 2px 8px;
border-radius: 999px;
border-radius: var(--radius-full, 999px);
background: rgba(22, 163, 74, 0.9);
color: #fff;
font-size: var(--font-size-xs, 0.75rem);
@@ -157,7 +157,7 @@
align-items: center;
min-height: 24px;
padding: 3px 8px;
border-radius: 999px;
border-radius: var(--radius-full, 999px);
background: #497671;
color: #fff;
font-size: var(--font-size-xs, 0.75rem);
@@ -251,7 +251,7 @@
.bar-segment {
flex: 1;
border-radius: 999px;
border-radius: var(--radius-full, 999px);
background: #d3dad9;
&.filled.high {
@@ -272,7 +272,7 @@
margin-top: 12px;
min-height: 42px;
border: 0;
border-radius: 13px;
border-radius: var(--radius-lg, 13px);
background: #497671;
color: #fff;
font-weight: 700;