/* ============================================================
   UMKO tokens 2.0 — схема D «Лайм и фиолет»
   Заменяет assets/umko-tokens.css целиком.
   Старые имена сохранены как алиасы, чтобы страницы, ещё
   использующие --umko-teal, не сломались в момент выкатки.
   ============================================================ */
:root{
  /* ---------- БРЕНД ---------- */
  --brand-hero:#B2D100;        /* герой, крупная графика, иконка, наружка */
  --brand-hero-ink:#243000;    /* текст на герое; белый на лайме ЗАПРЕЩЁН */
  --brand-core:#7B9100;        /* шапка, моб. панель, фургоны, ПВЗ (белый текст Lc 69) */
  --brand-core-ink:#FFFFFF;
  --brand-deep:#5F7000;        /* ссылки, иконки, вторичные кнопки (на белом Lc 77) */
  --brand-tint:#F4F9DC;        /* подложки, плейсхолдеры, инфо-блоки */

  /* ---------- ДЕЙСТВИЕ: только кнопка, бейдж скидки, цена со скидкой ---------- */
  --action-fill:#6500B2;
  --action-hover:#52008F;
  --action-text:#6500B2;
  --action-dark:#C7A7FF;

  /* ---------- СИСТЕМНЫЕ ---------- */
  --price-plain:#1F1F1F;
  --error:#B00020;   --error-bg:#FDECEE;
  --success:#0F7A3D; --success-bg:#E8F6EE;
  --warn:#8A5A00;    --warn-bg:#FDF3E3;
  --info:#1B5E8A;    --info-bg:#E8F2F8;
  --ink:#16181A; --ink-muted:#5A6066; --ink-subtle:#8B9298;
  --line:rgba(0,0,0,.10);
  --paper:#F1EFE9; --card:#FFFFFF; --elev:#F7F6F2;
  --surface-dark:#121212;

  /* ---------- ГЕОМЕТРИЯ ---------- */
  --umko-radius-2xs:6px; --umko-radius-sm:8px; --umko-radius-2sm:10px;
  --umko-radius-md:12px; --umko-radius-lg:14px; --umko-radius-2lg:16px;
  --umko-radius-xl:20px; --umko-radius-pill:999px;
  --r-ctl:10px; --r-card:14px; --r-pill:999px;
  --shell:1200px; --gutter:20px;
  --sp-1:4px; --sp-2:8px; --sp-3:12px; --sp-4:16px; --sp-6:24px; --sp-8:32px;
  --umko-z-sticky:100; --umko-z-head:200; --umko-z-modal:9600;

  /* ---------- ТИПОГРАФИКА ---------- */
  --font-ui:"Inter",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;
  --font-display:"Onest",var(--font-ui);
  --umko-text-xs:11px; --umko-text-sm:12px; --umko-text-base:13px;
  --umko-text-md:15px; --umko-text-lg:17px; --umko-text-xl:23px;
  --umko-text-2xl:28px; --umko-text-3xl:36px;

  /* ---------- ДВИЖЕНИЕ ---------- */
  --dur-1:120ms; --dur-2:180ms; --dur-3:260ms;
  --ease:cubic-bezier(.2,.7,.3,1);

  /* ---------- АЛИАСЫ СТАРЫХ ИМЁН (удалить после этапа 2) ----------
     ВНИМАНИЕ: --umko-teal выполнял ДВЕ роли — навигация и действие.
     Здесь он временно равен brand-deep (навигация). Кнопки надо
     перевести на --action-fill вручную, иначе действие не выделится. */
  --umko-teal:var(--brand-deep);
  --umko-teal-br:var(--action-fill);
  --umko-teal-d:var(--brand-core);
  --umko-gold:var(--action-fill);
  --umko-gold-d:var(--action-hover);
  --umko-brand-dark:var(--ink);
  --umko-ok:var(--success); --umko-warn:var(--warn);
  --umko-loss:var(--error); --umko-info:var(--info);
  --umko-ok-bg:var(--success-bg); --umko-danger-bg:var(--error-bg);
  /* 02.09.2026 (владелец: живой скриншот — поиск/меню «Сервисы»/кнопки стали прозрачными на
     mp/ads/odr) — было var(--card)/var(--ink)/var(--line) здесь. assets/eco-light.css (старый,
     не мой файл) сам определяет --card:var(--umko-l-card,#fff) / --ink:var(--umko-l-text,...) /
     --line как --umko-l-line — т.е. ОБРАТНЫЙ алиас. Вместе получался цикл (--card→--umko-l-card→
     --card…), по спецификации CSS такое свойство становится невалидным (пустая строка), а не
     фоллбэком — background:var(--card) без явного фоллбэка схлопывался в прозрачный. Прямые
     значения (без var()) разрывают цикл, число совпадает с --card/--ink/--line ниже 1:1. */
  --umko-l-bg:var(--paper); --umko-l-card:#FFFFFF; --umko-l-elev:var(--elev);
  --umko-l-line:rgba(0,0,0,.10); --umko-l-text:#16181A;
  --umko-l-text2:var(--ink-muted); --umko-l-muted:var(--ink-subtle);
  --accent:var(--action-fill); --dark:var(--ink); --muted:var(--ink-muted);
  --border:var(--line); --light:var(--card); --bg:var(--paper);
  --danger:var(--error);

  /* ---------- ТЁМНЫЕ ПОВЕРХНОСТИ (были в старой системе, используются на проде) ----------
     ВАЖНО: --umko-text это СВЕТЛЫЙ текст на тёмном фоне (827 вхождений на 22 страницах).
     Нельзя приравнивать к --ink, иначе текст на тёмных блоках станет невидимым. */
  --umko-paper:#0D1207; --umko-card:#141B0C; --umko-elev:#1B2410;
  --umko-ink:#0A0E06;   --umko-line:#2A3418;
  --umko-text:#F2F7E6;  --umko-text2:#C3CDB0;
  --umko-muted:#9AA588; --umko-faint:#8A9479;

  /* ---------- ПРОЧИЕ ИМЕНА, ВСТРЕЧАЮЩИЕСЯ В ШАБЛОНАХ ---------- */
  --umko-z-app-header:var(--umko-z-head);
  --umko-z-modal-over-app-header:var(--umko-z-modal);
  --u-display:var(--font-display); --u-ok:var(--success);
  --teal-d:var(--brand-core); --green:var(--success);
  --radius:var(--r-card); --hi:var(--brand-tint); --chip-bg:var(--brand-tint);
  --text3:var(--ink-subtle); --umko-warn-bg:var(--warn-bg);
  /* локальные имена страниц: --teal --td --tl --a --a-d --navy --hair --br --t1 --t2 --t3 --mut */
  --teal:var(--brand-deep); --td:var(--brand-core); --tl:var(--brand-tint);
  --a:var(--brand-deep); --a-d:var(--brand-core); --navy:var(--ink);
  --hair:var(--line); --br:var(--line);
  --t1:var(--ink); --t2:var(--ink-muted); --t3:var(--ink-subtle); --mut:var(--ink-muted);
  --sans:var(--font-ui); --disp:var(--font-display);
}

/* 02.09.2026 (владелец: живой скриншот реального браузера показал нечитаемый чёрный-на-чёрном
   на mp.um-ko.ru — "уберите тёмную тему со всего даже операционную") — тёмная тема ОС здесь
   больше НЕ поддерживается нарочно: сайт всегда светлый, независимо от настроек ОС/браузера.
   color-scheme:light ниже гасит и нативную тёмную покраску форм-элементов браузером. */
:root{color-scheme:light}