/* Стиль Б «Транзитная система» — токены. Согласовано по макету на холсте. */
:root{
  --bg:#FFFFFF; --bg-2:#F3F5F8; --ink:#111318; --ink-2:#4B5160; --line:#D9DEE6; --line-strong:#111318;
  --nav:#111318; --nav-fg:#9AA1AE; --nav-fg-active:#FFFFFF;
  /* линии категорий — различимы и по светлоте, не только по оттенку */
  --cat-clothes:#0F4C81; --cat-knives:#D1342F; --cat-kitchen:#2E7D32; --cat-stationery:#D98C00;
  --cat-gifts:#6A1B9A; --cat-eyewear:#00796B; --cat-auto:#4B5160;
  --ok:#2E7D32; --buy:#0F4C81; --warn:#B3261E;
  --font:"Inter",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;
  --fs-h1:34px; --fs-h2:18px; --fs-body:14px; --fs-small:12px; --fs-micro:11px;
  --w-h1:800; --w-h2:800; --w-label:800; --ls-h1:-0.03em; --ls-label:0.04em;
  --r-sm:5px; --r-md:6px; --r-lg:8px; --r-pill:999px;
  --space-1:4px; --space-2:8px; --space-3:12px; --space-4:16px; --space-5:20px; --space-6:24px;
  --tap:44px; /* минимальная зона нажатия */
  color-scheme:light dark;
}
@media (prefers-color-scheme:dark){
  :root:not([data-theme="light"]){
    --bg:#121418; --bg-2:#1A1D23; --ink:#F2F3F5; --ink-2:#AEB4C0; --line:#2C313B; --line-strong:#F2F3F5;
    --nav:#000000; --nav-fg:#8A919E; --nav-fg-active:#FFFFFF;
    --cat-clothes:#5B9BE0; --cat-knives:#F07A75; --cat-kitchen:#6CC070; --cat-stationery:#F0B14D;
    --cat-gifts:#B98AD9; --cat-eyewear:#4FC3B7; --cat-auto:#AEB4C0;
    --ok:#6CC070; --buy:#5B9BE0; --warn:#F07A75;
  }
}