fix(tradein): контраст muted/teal токенов до WCAG AA ≥4.5:1 (#834)

axe-core (wcag2aa) на /ui-preview/estimate нашёл ~20 нод <4.5:1. Затемнены:
- --muted-2 oklch(62%)=#82878c (3.6) → #676d73 (≥4.65 на белом/off-white):
  section-kicker, price-figure-perm2, bar-cv/bar-title, exp.
- --success oklch(56%)≈#218a45 (4.4) → #197038 (≥5.5 на белом/success-soft):
  precision-house, tier-t0, discount-neg badge.
- .cian-valuation__sparkline-dates #9ca3af (2.5) → #6b7280 (4.83).
- .tier-t1/.precision-street fg #73767e (4.4) → #666970 (5.3 на #fafbfc).
Ratios проверены WCAG-формулой по axe-измеренным bg.

Refs #834, #801
This commit is contained in:
bot-frontend 2026-05-30 23:15:02 +03:00
parent 80a063b482
commit a41dd21f83

View file

@ -13,7 +13,7 @@
--fg: oklch(18% 0.012 250); --fg: oklch(18% 0.012 250);
--fg-2: oklch(32% 0.014 250); --fg-2: oklch(32% 0.014 250);
--muted: oklch(50% 0.012 250); --muted: oklch(50% 0.012 250);
--muted-2: oklch(62% 0.010 250); --muted-2: #676d73; /* #834 a11y: было oklch(62%)=#82878c (3.6:1) → AA ≥4.65:1 на белом/off-white */
/* lines */ /* lines */
--border: oklch(92% 0.005 250); --border: oklch(92% 0.005 250);
--border-2: oklch(88% 0.006 250); --border-2: oklch(88% 0.006 250);
@ -24,7 +24,7 @@
--accent-soft: oklch(96% 0.03 258); --accent-soft: oklch(96% 0.03 258);
--accent-2: oklch(64% 0.17 50); /* orange — warn / secondary */ --accent-2: oklch(64% 0.17 50); /* orange — warn / secondary */
--accent-2-soft: oklch(96% 0.05 70); --accent-2-soft: oklch(96% 0.05 70);
--success: oklch(56% 0.14 150); --success: #197038; /* #834 a11y: было oklch(56%)≈#218a45 (4.4:1) → AA ≥5.5:1 на белом/success-soft */
--success-soft: oklch(96% 0.04 150); --success-soft: oklch(96% 0.04 150);
--danger: oklch(56% 0.20 25); --danger: oklch(56% 0.20 25);
--danger-soft: oklch(96% 0.04 25); --danger-soft: oklch(96% 0.04 25);
@ -1577,7 +1577,7 @@
display: flex; display: flex;
justify-content: space-between; justify-content: space-between;
font-size: 11px; font-size: 11px;
color: #9ca3af; color: #6b7280; /* #834 a11y: было #9ca3af (2.5:1) → AA 4.83:1 на белом */
width: 240px; width: 240px;
margin-top: 2px; margin-top: 2px;
} }
@ -2048,7 +2048,7 @@
.tier-t1 { .tier-t1 {
/* T1_per_street — улица-уровень (open dataset default) */ /* T1_per_street — улица-уровень (open dataset default) */
background: var(--bg-card-alt); background: var(--bg-card-alt);
color: var(--fg-tertiary); color: #666970; /* #834 a11y: было var(--fg-tertiary)=#73767e (4.4:1) → AA 5.3:1 на #fafbfc */
} }
/* ── Address precision badge (DaData qc_geo) ─────────────────────────────── */ /* ── Address precision badge (DaData qc_geo) ─────────────────────────────── */
@ -2071,7 +2071,7 @@
.precision-street { .precision-street {
/* qc_geo=1 — до улицы (neutral, как tier-t1) */ /* qc_geo=1 — до улицы (neutral, как tier-t1) */
background: var(--bg-card-alt); background: var(--bg-card-alt);
color: var(--fg-tertiary); color: #666970; /* #834 a11y: было var(--fg-tertiary)=#73767e (4.4:1) → AA 5.3:1 на #fafbfc */
} }
.precision-approx { .precision-approx {
/* qc_geo≥2 — приблизительно. Amber-токены под «Адрес распознан неточно» disclaimer */ /* qc_geo≥2 — приблизительно. Amber-токены под «Адрес распознан неточно» disclaimer */