@rt-tools/ui-kit-v2 0.6.0 → 0.7.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@rt-tools/ui-kit-v2",
-  "version": "0.6.0",
+  "version": "0.7.0",
   "license": "Apache-2.0",
   "author": "Yauheni Krumin",
   "type": "module",

package/src/lib/components/icon/CONTEXT.md

@@ -16,12 +16,14 @@
 
 ## Главное, что нужно знать
 
-**Компонент ничего не грузит.** Он рисует `<use href="#rt-icon-<name>">` — ссылку на symbol
-внутри спрайта, который собирает `RtIconRegistry` и вставляет в `<body>`
-провайдер `provideRtIcons()`. Без этого провайдера разметка верна, а на экране пусто.
+**Значок едет по требованию.** Компонент рисует `<use href="#rt-icon-<name>">` — ссылку на
+symbol внутри спрайта — и тем же движением просит имя у `RtIconRegistry`. Реестр ходит за файлом
+один раз на страницу и дописывает символ в спрайт; страница платит ровно за те значки, которые
+нарисовала, а не за весь набор.
 
-Приложение обязано опубликовать набор из `assets/icons` пакета по адресу, который знает реестр
-(по умолчанию `/icons`, иначе `provideRtIcons('/my/icons')`).
+`provideRtIcons()` называет адрес набора и сам не грузит ничего. Без него реестр берёт умолчание
+`/icons`; приложение обязано опубликовать туда набор из `assets/icons` пакета, иначе разметка
+верна, а на экране пусто.
 
 ## Как этим пользоваться
 
@@ -34,11 +36,15 @@
 
 ## Края
 
-- **Имя без файла роняет весь набор.** Реестр собирает спрайт одним `forkJoin`; один отказ
-  гасит иконки во всём приложении. Добавляя имя в `rt-icon-names.ts`, положи SVG рядом.
-- Реестр пропускает загрузку, если спрайт уже в DOM (`#rt-icon-sprite`) — так витрина не гоняет
-  сотни запросов между историями.
-- На сервере (SSR) спрайт не грузится: относительных HTTP-запросов к статике там нет, иконки
+- **Имя без файла гасит только свой значок.** Отказ остаётся внутри реестра, соседние значки
+  приезжают своими потоками, и на месте промаха остаётся пустое место размера значка. Второй раз
+  за отказавшим именем реестр не ходит. Добавляя имя в `rt-icon-names.ts`, положи SVG рядом:
+  иначе промах виден только глазами.
+- **Значок появляется после первой отрисовки.** Место под него занято сразу — размер задан на
+  хосте, — поэтому приход символа соседей не двигает.
+- Символ, уже лежащий в спрайте страницы, запроса не даёт: так витрина не ходит за одним и тем
+  же между историями, а приложение вправе положить свой спрайт до старта.
+- На сервере (SSR) реестр молчит: относительных HTTP-запросов к статике там нет, значки
   дорисуются после гидрации.
 
 ## Рядом

package/src/lib/components/input/CONTEXT.md

@@ -11,13 +11,13 @@
 Свои входы поверх общих из [`RtFormControlBase`](../form-control/CONTEXT.md)
 (`size`, `disabled`, `controlId`, `ariaLabel`, `clearable`, `bordered`):
 
-| вход                     | тип                                         | умолчание |
-| ------------------------ | ------------------------------------------- | --------- |
-| `type`                   | `'text' \| 'password' \| 'email' \| 'time'` | `'text'`  |
-| `placeholder`            | `string`                                    | `''`      |
-| `iconLeft` / `iconRight` | `IRtIcon.Name \| null`                      | `null`    |
-| `passwordToggle`         | `boolean`                                   | `false`   |
-| `autocomplete`           | `string \| null`                            | `null`    |
+| вход                     | тип                                                  | умолчание |
+| ------------------------ | ---------------------------------------------------- | --------- |
+| `type`                   | `'text' \| 'password' \| 'email' \| 'time' \| 'url'` | `'text'`  |
+| `placeholder`            | `string`                                             | `''`      |
+| `iconLeft` / `iconRight` | `IRtIcon.Name \| null`                               | `null`    |
+| `passwordToggle`         | `boolean`                                            | `false`   |
+| `autocomplete`           | `string \| null`                                     | `null`    |
 
 Значение — `string`.
 
@@ -32,6 +32,8 @@
 
 ## Как этим пользоваться
 
+- `type="url"` объявляет браузеру род значения, а не требование к нему: на телефоне он даёт
+  клавиатуру для адреса и разбор вставленного, а проверка введённого остаётся за приложением.
 - `type="time"` заведён намеренно: браузер сам отдаёт `HH:MM` и раскладку под локаль, а разбор
   строки руками означал бы своё поле ввода времени рядом с китом.
 - Клик по рамке (падинги принадлежат host-у, а не `<input>`) переводит фокус в поле — кроме

package/src/lib/components/markdown-text/CONTEXT.md

@@ -0,0 +1,40 @@
+# `rt-markdown-text`
+
+Текст, написанный разметкой, показанный узлами: заголовки, списки, таблицы, цитаты и код вместо
+частокола знаков.
+
+```html
+<rt-markdown-text [text]="record.text" />
+```
+
+| вход   | тип              | умолчание      |
+| ------ | ---------------- | -------------- |
+| `text` | `string \| null` | **обязателен** |
+
+Выходов нет.
+
+## Главное, что нужно знать
+
+**Перечень разметки закрыт и зашит.** Компонент понимает заголовки, абзацы, списки — простые и
+нумерованные, — таблицы, цитаты, код строкой и блоком, жирный, курсив, зачёркнутый и ссылку.
+Настроить перечень нечем: вход один — сам текст.
+
+**Всё, чего в перечне нет, остаётся видимым текстом.** Сырой HTML не вычищается, а не
+разбирается вовсе: узла для него разборщик не строит, и присланная строка видна как есть.
+Отсюда же — картинки в вывод не попадают, а ссылка становится ссылкой только при схеме `http`,
+`https` или `mailto`.
+
+**Присланная строка в страницу не отдаётся ни разу.** Компонент рисует дерево узлов, которое
+вернул разбор; другого пути у текста внутрь страницы нет.
+
+## Края
+
+- **Одиночный перенос строки остаётся переносом.** По правилам `.md` он схлопнулся бы в пробел,
+  но тексты, которые сюда приходят, пишут строками осмысленно.
+- **Блок кода не раскрашивается по языкам.** Слово языка у ограды разбирается и на вид не
+  влияет: раскраска потребовала бы второй библиотеки в рантайме.
+- **Таблица и блок кода прокручиваются вбок сами** и ширину родителя не растягивают.
+- **Таблица рисуется своей разметкой, а не `rt-table`.** У той колонки объявляются заранее
+  директивами, а число столбцов здесь приходит из текста.
+- **Пустой текст не рисует ничего** — ни пустого абзаца, ни отступа: показывать или прятать
+  заголовок раздела, решает потребитель.

package/src/lib/components/markdown-text/rt-markdown-text.component.scss

@@ -0,0 +1,130 @@
+@layer rt-kit.components {
+    .rt-markdown-text {
+        --rt-markdown-text-radius: var(--rt-radius-sm);
+        --rt-markdown-text-border-width: var(--rt-border-width-thin);
+
+        display: flex;
+        min-width: 0;
+        max-width: 100%;
+        flex-direction: column;
+        color: var(--rt-color-text-primary);
+        font-family: var(--rt-font-family-sans);
+        font-size: var(--rt-text-xs);
+        font-weight: var(--rt-font-weight-regular);
+        gap: var(--rt-space-sm);
+        letter-spacing: var(--rt-letter-spacing-wide);
+        line-height: var(--rt-leading-snug);
+
+        &__heading {
+            margin: 0;
+            color: var(--rt-color-text-primary);
+            font-weight: var(--rt-font-weight-semibold);
+
+            &--level--1 {
+                font-size: var(--rt-text-lg);
+            }
+
+            &--level--2 {
+                font-size: var(--rt-text-md);
+            }
+
+            &--level--3,
+            &--level--4,
+            &--level--5,
+            &--level--6 {
+                font-size: var(--rt-text-sm);
+            }
+        }
+
+        &__paragraph {
+            margin: 0;
+        }
+
+        &__list {
+            padding-left: var(--rt-space-md);
+            margin: 0;
+            list-style: disc;
+
+            &--ordered {
+                list-style: decimal;
+            }
+        }
+
+        &__item {
+            &--level--1 {
+                margin-left: var(--rt-space-md);
+            }
+
+            &--level--2 {
+                margin-left: var(--rt-space-lg);
+            }
+        }
+
+        &__quote {
+            padding-left: var(--rt-space-sm);
+            border-left: var(--rt-markdown-text-border-width) solid var(--rt-color-border-default);
+            margin: 0;
+            color: var(--rt-color-text-muted);
+        }
+
+        &__code {
+            max-width: 100%;
+            padding: var(--rt-space-sm);
+            border-radius: var(--rt-markdown-text-radius);
+            margin: 0;
+            background: var(--rt-color-bg-subtle);
+            color: var(--rt-color-text-primary);
+            font-family: var(--rt-font-family-mono);
+            font-size: var(--rt-text-2xs);
+            line-height: var(--rt-leading-snug);
+            overflow-x: auto;
+        }
+
+        &__code-inline {
+            padding: 0 var(--rt-space-2xs);
+            border-radius: var(--rt-markdown-text-radius);
+            background: var(--rt-color-bg-subtle);
+            font-family: var(--rt-font-family-mono);
+            font-size: var(--rt-text-2xs);
+        }
+
+        &__table-scroll {
+            max-width: 100%;
+            overflow-x: auto;
+        }
+
+        &__table {
+            width: 100%;
+            border-collapse: collapse;
+        }
+
+        &__head-cell,
+        &__cell {
+            padding: var(--rt-space-2xs) var(--rt-space-sm);
+            border: var(--rt-markdown-text-border-width) solid var(--rt-color-border-default);
+            text-align: left;
+        }
+
+        &__head-cell {
+            color: var(--rt-color-text-muted);
+            font-weight: var(--rt-font-weight-semibold);
+        }
+
+        &__strong {
+            font-weight: var(--rt-font-weight-semibold);
+        }
+
+        &__emphasis {
+            font-style: italic;
+        }
+
+        &__strike {
+            text-decoration: line-through;
+        }
+
+        &__link {
+            color: var(--rt-color-text-link);
+            text-decoration: underline;
+        }
+    }
+}

package/src/lib/components/message-composer/CONTEXT.md

@@ -18,7 +18,7 @@
 | `accept`               | `string`               | `''`                     |
 | `sending` / `disabled` | `boolean`              | `false`                  |
 | `formatting`           | `boolean`              | `false`                  |
-| `toolbar`              | `IRtRichEditorToolbar` | `'full'`                 |
+| `toolbar`              | `TRtRichEditorToolbar` | `'full'`                 |
 | `minRows` / `maxRows`  | `number`               | 1 / 6                    |
 | `droppedFiles`         | `File[] \| null`       | `null`                   |
 

package/src/lib/components/rich-editor/CONTEXT.md

@@ -13,7 +13,7 @@
 | вход          | тип                    | умолчание |
 | ------------- | ---------------------- | --------- |
 | `placeholder` | `string`               | `''`      |
-| `toolbar`     | `IRtRichEditorToolbar` | `'full'`  |
+| `toolbar`     | `TRtRichEditorToolbar` | `'full'`  |
 
 Выход: `enterPressed` — Enter без Shift (перенос при этом гасится).
 

package/src/lib/components/table/copy-cell/rt-copy-cell.component.scss

@@ -12,8 +12,13 @@
         align-items: center;
         gap: var(--rt-space-xs);
 
+        /* Значение длиннее места обрезается многоточием, а не наезжает на кнопку:
+           min-width: 0 разрешает flex-элементу сжаться, но сам по себе ничего не прячет. */
         &__content {
+            overflow: hidden;
             min-width: 0;
+            text-overflow: ellipsis;
+            white-space: nowrap;
         }
 
         &__button {

package/src/lib/components/toolbar/rt-toolbar.component.scss

@@ -58,6 +58,13 @@
                 gap: var(--rt-space-sm);
             }
 
+            // Зона стекает в колонку, а её содержимое — нет: третий отбор уезжал за
+            // правый край окна и обрезался прокруткой, не сказав об этом. Перенос
+            // объявлен здесь, а не у потребителя: зона узкого экрана — забота тулбара.
+            .rt-toolbar__bar {
+                flex-wrap: wrap;
+            }
+
             .rt-toolbar__bar--center {
                 justify-content: stretch;
             }

package/src/lib/components/tooltip/rt-tooltip.component.scss

@@ -16,6 +16,10 @@
         font-size: var(--rt-text-xs);
         line-height: var(--rt-leading-snug);
 
+        /* Длинное значение без пробелов — код, признак, ключ — переносится внутри подсказки:
+           иначе оно вылезает за её край, и подсказка обрезает ровно то, ради чего показана. */
+        overflow-wrap: anywhere;
+
         /* Tooltip — чисто визуальная подсказка: не перехватывает указатель, чтобы
            не мешать hover/leave логике host'а. */
         pointer-events: none;

package/src/styles/_index.scss

@@ -9,8 +9,15 @@
 @forward './primitives';
 @forward './semantic';
 @forward './theme-dark';
+@forward './theme-dark-rules';
 @forward './scrollbar';
 
+// Раскладка экрана входа: она объявлена классами, а не компонентом, поэтому доехать до
+// потребителя может только отсюда. Без этой строки приложение получает разметку, у которой ни
+// один класс не имеет правила: экран рисуется потоком, и ни сборка, ни линтер, ни снимки витрин
+// этого не видят — истории у экрана входа нет.
+@forward './login';
+
 // Стили директивы кнопки: своего представления у директивы нет, поэтому её `.scss` не
 // подключён ни одним `styleUrl`. Без этой строки потребитель, взявший `tokens.css` по
 // инструкции README, получает `rtButton`, нарисованный браузерной кнопкой.

package/src/styles/_primitives.scss

@@ -1,30 +1,40 @@
-/* Primitive design tokens — single source of truth для шкал. */
+/* Собрано генератором `tools/build-tokens-v2.mjs` из `tokens.source.mjs` — правится там, не здесь:
+   правка на месте теряется на следующей сборке, и её называет `pnpm run check:tokens-build`. */
+
+/* Ступени шкал — значения, из которых слой назначений выбирает. Единственное место кита, где
+   код цвета и размер числом законны по определению. */
 
 :root {
-    /* Neutral scale — серо-сине-стальная.
-
-       Ряд посчитан в OKLCH: тон 264.4° и цветность 0.0234 взяты у прежней ступени 600,
-       светлота идёт ровным шагом 0.0785 от 0.985 к 0.20. Ноль остаётся чистым белым —
-       это бумага, а не ступень ряда. В самом светлом конце цветность ужата охватом
-       sRGB: синеватого такой светлоты не существует.
-
-       До пересчёта ряд шкалой не был. Он держал два семейства сразу — чисто серое
-       (0, 50, 200, 500, 900) и синеватое (100, 300, 400, 600, 700, 800, 950), —
-       шаг светлоты гулял от 0.009 до 0.173, а ступень 900 была темнее ступени 950,
-       то есть ряд шёл назад. Ещё девять ступеней стояли между этими: заведённые под
-       одно место, они выглядели шкалой, но выбрать из такого ряда было нельзя. */
+    /* Neutral scale — серая, без цветности.
+
+       Ряд посчитан в OKLCH: цветность нулевая у всех ступеней, светлота идёт ровным
+       шагом 0.0785 от 0.985 к 0.20. Ноль остаётся чистым белым — это бумага, а не
+       ступень ряда.
+
+       Цветность снята потому, что ею красились три роли сразу: фон поля ввода,
+       приглушённая поверхность и подсветка наведения. Все три разворачивались в одну
+       ступень 100, а на тоне 264° с цветностью 0.0234 она давала #d8e0f0 — сине-серый
+       блок на почти белой странице, в котором тонула и собственная рамка поля. Синева
+       была следствием того, что тон и цветность ряда взяли у ступени 600: у тёмного
+       конца они незаметны, у светлого — нет.
+
+       Ряд остаётся ровным, и две опорные ступени сходятся с прежним выпуском кита:
+       50 и 500. Светлый конец с ним не сходится и сойтись не может: там три ступени
+       подряд лежат в полосе светлоты шириной 0.06, а ровный ряд из одиннадцати
+       ступеней, доходящий до почти чёрного, столько туда не вмещает. Полосу закрывает
+       назначение прозрачным оттенком, а не правка шага. */
     --rt-neutral-0: #fff;
-    --rt-neutral-50: #f8faff;
-    --rt-neutral-100: #d8e0f0;
-    --rt-neutral-200: #bfc7d6;
-    --rt-neutral-300: #a6aebd;
-    --rt-neutral-400: #8e96a4;
-    --rt-neutral-500: #777e8c;
-    --rt-neutral-600: #606775;
-    --rt-neutral-700: #4b515f;
-    --rt-neutral-800: #363c49;
-    --rt-neutral-900: #232934;
-    --rt-neutral-950: #111621;
+    --rt-neutral-50: #fafafa;
+    --rt-neutral-100: #e0e0e0;
+    --rt-neutral-200: #c6c6c6;
+    --rt-neutral-300: #aeaeae;
+    --rt-neutral-400: #959595;
+    --rt-neutral-500: #7e7e7e;
+    --rt-neutral-600: #676767;
+    --rt-neutral-700: #515151;
+    --rt-neutral-800: #3c3c3c;
+    --rt-neutral-900: #282828;
+    --rt-neutral-950: #161616;
 
     /* Бренд — линейка цвета марки. Потребитель перекрашивает кит объявлением этих
        одиннадцати ступеней после tokens.css: назначения, прозрачные оттенки и кольцо
@@ -244,9 +254,12 @@
 
     /* Alpha overlays — для backdrop'ов и focus-ring tint'ов. */
     --rt-overlay-black-4: rgb(0 0 0 / 4%);
+    --rt-overlay-black-8: rgb(0 0 0 / 8%); /* наведение поверх приглушённой поверхности: она сама стоит на четырёх процентах */
     --rt-overlay-white-4: rgb(255 255 255 / 4%);
+    --rt-overlay-white-8: rgb(255 255 255 / 8%); /* то же на графите */
     --rt-overlay-white-25: rgb(250 250 250 / 25%); /* disabled-текст на графите */
-    --rt-overlay-white-40: rgb(250 250 250 / 40%); /* muted-текст на графите */
+    --rt-overlay-white-40: rgb(250 250 250 / 40%); /* приглушённый знак: порога не берёт */
+    --rt-overlay-white-50: rgb(250 250 250 / 50%); /* приглушённый текст: слабее порог не берётся */
     --rt-overlay-black-50: rgb(0 0 0 / 50%);
 
     /* Оттенки марки считаются от её ступени, а не повторяют код цвета: повторённое

package/src/styles/_semantic.scss

@@ -1,4 +1,7 @@
-/* Semantic design tokens — light defaults.
+/* Собрано генератором `tools/build-tokens-v2.mjs` из `tokens.source.mjs` — правится там, не здесь:
+   правка на месте теряется на следующей сборке, и её называет `pnpm run check:tokens-build`. */
+
+/* Назначения светлой темы.
 
    Тело вынесено в @mixin по той же причине, что и у тёмной темы: набор нужен не
    только на `:root`, но и на отдельном контейнере. Без этого светлую половину
@@ -9,9 +12,9 @@
     /* Background */
     --rt-color-bg-page: var(--rt-neutral-50);
     --rt-color-bg-surface: var(--rt-neutral-0);
-    --rt-color-bg-surface-subtle: var(--rt-neutral-100);
+    --rt-color-bg-surface-subtle: var(--rt-overlay-black-4);
     --rt-color-bg-surface-subtle-2: var(--rt-neutral-200);
-    --rt-color-bg-hover: var(--rt-neutral-100);
+    --rt-color-bg-hover: var(--rt-overlay-black-4);
     --rt-color-bg-subtle: var(--rt-neutral-100);
     --rt-color-bg-overlay: var(--rt-overlay-black-50);
     --rt-color-bg-inverse: var(--rt-neutral-900);
@@ -26,7 +29,13 @@
 
     /* Ступень 600, а не 500: приглушённый текст обязан брать порог, а после
        пересчёта ряда самая светлая ступень, которая его берёт, — шестисотая.
-       Прежде эту роль держала off-grid ступень 510, заведённая ровно под неё. */
+       Прежде эту роль держала off-grid ступень 510, заведённая ровно под неё.
+
+       Тёмный ответ — пятьдесят процентов белого, а не сорок: на сорока он давал
+       3.6:1 над поверхностью, 3.7:1 над страницей и 3.7:1 над фоном поля, то есть
+       не брал порога ни над одной подложкой. Светлую сторону под порог подводили,
+       тёмную забыли, и держал её список принятого. Пятьдесят — самая слабая доля,
+       берущая порог над всеми тремя: 4.86, 5.02 и 5.09. */
     --rt-color-text-muted: var(--rt-neutral-600);
     --rt-color-text-disabled: var(--rt-neutral-400);
     --rt-color-text-inverse: var(--rt-neutral-0);
@@ -34,9 +43,9 @@
     --rt-color-text-link-hover: var(--rt-brand-600);
 
     /* Border */
-    --rt-color-border-default: var(--rt-neutral-200);
+    --rt-color-border-default: var(--rt-neutral-100);
     --rt-color-border-strong: var(--rt-neutral-300);
-    --rt-color-border-subtle: var(--rt-neutral-200);
+    --rt-color-border-subtle: var(--rt-neutral-100);
     --rt-color-border-focus: var(--rt-brand-500);
 
     /* Action — роли действия.
@@ -187,7 +196,7 @@
     /* Colors */
     --rt-input-color-bg: var(--rt-color-bg-surface-subtle);
     --rt-input-color-bg-disabled: var(--rt-color-bg-surface-subtle);
-    --rt-input-color-bg-hover: var(--rt-overlay-black-4);
+    --rt-input-color-bg-hover: var(--rt-overlay-black-8);
     --rt-input-color-border: var(--rt-color-border-default);
     --rt-input-color-border-focus: var(--rt-color-action-primary);
     --rt-input-color-border-error: var(--rt-color-state-danger);

package/src/styles/_theme-dark-rules.scss

@@ -0,0 +1,23 @@
+/* Правила тёмной темы, которые свойств не объявляют. Стоят отдельно от `_theme-dark.scss`:
+   тот собирается генератором из источника и держит только объявления. */
+
+/* Body-level градиент — подложка экранов авторизации: их вьюпорт прозрачен
+   (`--rt-color-bg-surface-auth-card: transparent`) и просвечивает body.
+   Остальные экраны его не видят — rt-container кроет body непрозрачным фоном
+   страницы. Не shorthand `background:`, чтобы не сбросить body{}'ный
+   `background-color`. */
+@layer rt-kit.base {
+    :root[data-theme='dark'] body,
+    html.rt-theme-dark body {
+        background-attachment: fixed;
+        background-image: linear-gradient(156deg, #122341 12.68%, #182142 99.28%);
+    }
+}
+
+/* rt-logo (чёрный SVG) — инверсия для читаемости на тёмном фоне */
+@layer rt-kit.base {
+    :root[data-theme='dark'] .rt-logo,
+    html.rt-theme-dark .rt-logo {
+        filter: invert(1) brightness(1.5);
+    }
+}

package/src/styles/_theme-dark.scss

@@ -1,19 +1,26 @@
-/* Dark theme — переопределение СЕМАНТИЧЕСКИХ токенов (примитивы неизменны).
+/* Собрано генератором `tools/build-tokens-v2.mjs` из `tokens.source.mjs` — правится там, не здесь:
+   правка на месте теряется на следующей сборке, и её называет `pnpm run check:tokens-build`. */
 
-   Тело токенов вынесено в @mixin, чтобы тот же набор переопределений можно было
+/* Тёмная тема — переопределение назначений; ступени шкалы неизменны.
+
+   Тело вынесено в @mixin, чтобы тот же набор переопределений можно было
    применить не только на html-уровне (тема приложения), но и к локальному
    контейнеру (side-by-side light/dark в Storybook) — без дублирования значений.
 
    База (`rt-theme-dark-tokens`) — тёплый графит для приложений и всех
    CDK-overlay'ев (асайды/диалоги/меню рендерятся на уровне body, вне
    host-классов шеллов — поэтому графит держим на :root, иначе overlay'и
-   не наследовали бы палитру). */
+   не наследовали бы палитру).
+
+   Значения ответов живут в источнике рядом со своим светлым назначением: забытая половина
+   пары видна там же, а не вылавливается сверкой двух файлов. */
 
 @mixin rt-theme-dark-tokens {
     /* Background — тёплый графит */
     --rt-color-bg-page: var(--rt-charcoal-900);
     --rt-color-bg-surface: var(--rt-charcoal-800);
     --rt-color-bg-surface-subtle: var(--rt-charcoal-950);
+    --rt-color-bg-surface-subtle-2: var(--rt-charcoal-950);
     --rt-color-bg-hover: var(--rt-charcoal-700);
     --rt-color-bg-subtle: var(--rt-charcoal-950);
     --rt-color-bg-overlay: rgb(0 0 0 / 70%);
@@ -21,7 +28,7 @@
 
     /* Text — почти белый на графите */
     --rt-color-text-primary: var(--rt-neutral-50);
-    --rt-color-text-muted: var(--rt-overlay-white-40);
+    --rt-color-text-muted: var(--rt-overlay-white-50);
     --rt-color-text-disabled: var(--rt-overlay-white-25);
     --rt-color-text-inverse: var(--rt-neutral-900);
     --rt-color-text-link: var(--rt-brand-300);
@@ -93,7 +100,7 @@
     --rt-shadow-card-soft: 0 0 40px rgb(0 0 0 / 25%);
 
     /* Hover-overlay инвертирован для dark (light overlay поверх тёмного фона). */
-    --rt-input-color-bg-hover: var(--rt-overlay-white-4);
+    --rt-input-color-bg-hover: var(--rt-overlay-white-8);
     --rt-icon-button-color-bg-hover: var(--rt-overlay-white-4);
 
     /* Toggle-switch — трек уходит в подложку, а бегунок остаётся светлым:
@@ -133,24 +140,3 @@
 html.rt-theme-dark {
     @include rt-theme-dark-tokens;
 }
-
-/* Body-level градиент — подложка экранов авторизации: их вьюпорт прозрачен
-   (`--rt-color-bg-surface-auth-card: transparent`) и просвечивает body.
-   Остальные экраны его не видят — rt-container кроет body непрозрачным фоном
-   страницы. Не shorthand `background:`, чтобы не сбросить body{}'ный
-   `background-color`. */
-@layer rt-kit.base {
-    :root[data-theme='dark'] body,
-    html.rt-theme-dark body {
-        background-attachment: fixed;
-        background-image: linear-gradient(156deg, #122341 12.68%, #182142 99.28%);
-    }
-}
-
-/* rt-logo (чёрный SVG) — инверсия для читаемости на тёмном фоне */
-@layer rt-kit.base {
-    :root[data-theme='dark'] .rt-logo,
-    html.rt-theme-dark .rt-logo {
-        filter: invert(1) brightness(1.5);
-    }
-}