/* =============================================================================
 * Привязка семантической нейтрали NuxtUI к hex-палитре проекта
 * -----------------------------------------------------------------------------
 * NuxtUI 4 маппит `--ui-color-neutral-*` (база для `--ui-border*`, `text-muted`,
 * `bg-muted/elevated/accented`, всех `color="neutral"` компонентов) на свою
 * встроенную нейтраль `old-neutral`, заданную в `oklch()`:
 *     --ui-color-neutral-300: var(--color-old-neutral-300, oklch(87% 0 0));
 * Проектную `--color-neutral-*` (hex, blue-grey, см. theme/palette.css) она НЕ
 * берёт — выбранное имя `neutral` совпадает с зарезервированным именем нейтрали
 * NuxtUI, поэтому семантика уходит в `old-neutral`.
 *
 * Проблема: `oklch()` поддержан только с **Chromium 111** (и Safari 16.4). На
 * старых Android-вебвью (< 111) цвет бордюра/ринга невалиден → box-shadow-ring
 * не рисуется → рамки инпутов и чекбоксов «пропадают». Тот же дефект у muted-
 * текста и нейтральных фонов.
 *
 * Переуказываем семантическую шкалу на hex-палитру проекта. Значения — hex, без
 * oklch → валидны на любом движке. Правила вне `@layer` → перебивают определение
 * NuxtUI в `@layer theme` (и статическое, и runtime-inline) независимо от порядка
 * в каскаде. Файл отдаётся статикой из public/ и подключается <link>-ом в
 * nuxt.config, МИМО Tailwind/Lightning CSS (как legacy-color-mix.css).
 *
 * Утилиты `bg-neutral-NNN` и т.п. уже используют `--color-neutral-*` напрямую и
 * этим файлом не затрагиваются. При смене палитры значения подтянутся сами —
 * здесь только пере-ссылки на `--color-neutral-*`.
 * ========================================================================== */

:root,
:host {
  --ui-color-neutral-50: var(--color-neutral-50);
  --ui-color-neutral-100: var(--color-neutral-100);
  --ui-color-neutral-200: var(--color-neutral-200);
  --ui-color-neutral-300: var(--color-neutral-300);
  --ui-color-neutral-400: var(--color-neutral-400);
  --ui-color-neutral-500: var(--color-neutral-500);
  --ui-color-neutral-600: var(--color-neutral-600);
  --ui-color-neutral-700: var(--color-neutral-700);
  --ui-color-neutral-800: var(--color-neutral-800);
  --ui-color-neutral-900: var(--color-neutral-900);
  --ui-color-neutral-950: var(--color-neutral-950);
}

/* -----------------------------------------------------------------------------
 * Контраст границ. Дефолтный маппинг NuxtUI (--ui-border/-muted = neutral-200,
 * --ui-border-accented = neutral-300) на нашей светлой палитре читается блёкло.
 * Поднимаем каждую границу на шаг: дефолт/разделители → neutral-300 (#d4d7e3),
 * accented (инпуты/чекбоксы/карточки) → neutral-400 (#c0c2cd). Приложение
 * всегда light, поэтому переопределяем на :root без разбивки по .light/.dark.
 * -------------------------------------------------------------------------- */
:root,
:host {
  --ui-border: var(--color-neutral-300);
  --ui-border-muted: var(--color-neutral-300);
  --ui-border-accented: var(--color-neutral-400);
}