fix(colors): update Oracal brand colors to exact catalog RGB values

053M: #7ecfca → #0089C3 (rgb 0,137,195)
073M: #5b7b87 → #53514E (rgb 83,81,78)
066M: #5bb5ad → #00818C (rgb 0,129,140)
050M: #1b4c72 → #1B2E5D (rgb 27,46,93)
081M: #c4a882 → #A8885C (rgb 168,136,92)
080M: #5c2e0e → #432F1E (rgb 67,47,30)

- Update globals.css CSS vars + sidebar active bg (→ #dff0fa)
- Update focus box-shadow rgba for new 053M blue
- colors/page.tsx: BRAND_COLORS, COLOR_MAPPING notes, CONTRAST_PAIRS
- LLM text v2.2: new hex/rgb, recalculated WCAG contrast ratios,
  updated rules (white text on 073M/066M/050M/080M, dark on 053M/081M)
- Info banner changed from ⚠️ "приблизительны" to ℹ "точные RGB"

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>

apps/web/app/globals.css

@@ -3,13 +3,13 @@
 /* ─── Бренд-токены О!Клиника ─────────────────────────────────────────── */
 /* Цвета уточняются в Sprint 2 по таблице Oracal                          */
 :root {
-  /* Фирменные цвета (приблизительно — уточнить в Sprint 2) */
-  --brand-053m: #7ecfca;   /* Основной бирюзовый (Oracal 053M) */
-  --brand-073m: #5b7b87;   /* Тёмный серо-голубой (Oracal 073M) */
-  --brand-066m: #5bb5ad;   /* Средний бирюзовый (Oracal 066M) */
-  --brand-050m: #1b4c72;   /* Тёмно-синий, наружная реклама (Oracal 050M) */
-  --brand-081m: #c4a882;   /* Бежевый (Oracal 081M) */
-  --brand-080m: #5c2e0e;   /* Тёмно-коричневый (Oracal 080M) */
+  /* Фирменные цвета — точные RGB из каталога Oracal */
+  --brand-053m: #0089c3;   /* Основной бирюзовый (Oracal 053M) · rgb(0,137,195) */
+  --brand-073m: #53514e;   /* Тёмный серо-голубой (Oracal 073M) · rgb(83,81,78) */
+  --brand-066m: #00818c;   /* Средний бирюзовый (Oracal 066M) · rgb(0,129,140) */
+  --brand-050m: #1b2e5d;   /* Тёмно-синий, наружная реклама (Oracal 050M) · rgb(27,46,93) */
+  --brand-081m: #a8885c;   /* Бежевый (Oracal 081M) · rgb(168,136,92) */
+  --brand-080m: #432f1e;   /* Тёмно-коричневый (Oracal 080M) · rgb(67,47,30) */
   --brand-white: #ffffff;
 
   /* UI-цвета брендбука */
@@ -17,7 +17,7 @@
   --bb-sidebar-border: #e5e7eb;
   --bb-sidebar-text: #374151;
   --bb-sidebar-text-muted: #6b7280;
-  --bb-sidebar-active-bg: #e0f5f4;
+  --bb-sidebar-active-bg: #dff0fa;
   --bb-sidebar-active-text: var(--brand-053m);
   --bb-sidebar-section: #9ca3af;
   --bb-content-bg: #ffffff;
@@ -130,7 +130,7 @@ body {
 .bb-textarea:focus,
 .bb-select:focus {
   border-color: var(--brand-053m);
-  box-shadow: 0 0 0 3px rgba(126, 207, 202, 0.2);
+  box-shadow: 0 0 0 3px rgba(0, 137, 195, 0.2);
 }
 .bb-input.bb-error,
 .bb-textarea.bb-error,