/* Один набор на всю экосистему.
   ══════════════════════════════════════════════════════════════════════════

   Это ТОТ ЖЕ файл, что у отдела (Джарвис, web/tokens.css), а не похожий на
   него. Решение владельца 27.08.2026: «весь дизайн и вид должен быть таким же».

   Довод сильнее вкуса. Человек входит в экосистему через Ворота и уходит в
   свой отдел — это одна дорога, а не два продукта. Пока у проходной была своя
   тёмная палитра со своим неоновым оранжевым и своими тремя шрифтами, переход
   читался как «меня выкинуло куда-то ещё».

   Копия, а не ссылка: у Ворот своё имя сайта, и политика на входе запрещает
   тянуть стили с чужих адресов. Файл написан переносимым нарочно — подключается
   без сборщика, одним <link>.

   ПРАВИЛО: всё, что красит, названо здесь и больше нигде. Цвет, вписанный
   прямо в правило, во второй теме останется прежним и найдётся глазами, а не
   проверкой.

   Что изменилось против прежних Ворот, кроме цвета, — и почему это важнее цвета:

   • Шрифты СИСТЕМНЫЕ. Три своих гарнитуры весом под сотню килобайт грузились
     перед первым словом на странице входа — на двери это дороже всего
     остального. Файлы при этом остаются в web/fonts: ГЛАВНАЯ на них стоит и
     не меняется (решение владельца 27.08.2026 — плакат не трогать). Меняются
     только экраны, где работают: кабинет, дверь, админский контур.
   • Базовый масштаб 115%. Владелец при каждой загрузке жал Cmd+ ровно один
     раз. Проценты, а не пиксели: заданный в браузере размер шрифта не
     затирается, а умножается.
   • Всё в rem. Иначе от масштаба вырастут буквы, а воздух вокруг них
     останется прежним — и станет теснее, чем было. */

:root {
  font-size: 115%;

  /* цвет */
  --color-paper:   #F4F4F2;
  --color-panel:   #FFFFFF;
  --color-sunken:  #EDEDEA;
  --color-hair:    #E3E3DE;
  --color-ink:     #16161A;
  --color-muted:   #6E6E76;
  --color-faint:   #9A9AA0;
  --color-ember:   #B4541F;
  --color-live:    #2E7D5B;
  --color-alarm:   #A32B1E;

  /* гарнитуры */
  --font-ui:    -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif;
  --font-mark:  "Iowan Old Style", "Palatino Linotype", Palatino, Georgia, serif;
  --font-data:  ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, monospace;

  /* размеры текста */
  --text-xs:  0.75rem;
  --text-sm:  0.8125rem;
  --text-md:  0.9375rem;
  --text-lg:  1.125rem;
  --text-xl:  1.5rem;
  --text-2xl: 2rem;

  /* пространство */
  --space-1:  0.25rem;
  --space-2:  0.5rem;
  --space-3:  0.75rem;
  --space-4:  1rem;
  --space-6:  1.5rem;
  --space-8:  2rem;
  --space-12: 3rem;
  --space-16: 4rem;

  /* форма */
  --radius-sm:   0.5rem;
  --radius-md:   0.75rem;
  --radius-lg:   1.125rem;
  --radius-full: 999px;

  /* глубина: панели различаются тоном, тень только у всплывающего */
  --shadow-lift: 0 1px 2px rgb(22 22 26 / .04), 0 8px 24px rgb(22 22 26 / .06);

  /* движение */
  --motion-quick: 140ms;
  --motion-calm:  220ms;

  color-scheme: light;
}

/* Тёмная — вторая, а не первая. Переопределяются только токены. */
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    --color-paper:  #131315;
    --color-panel:  #1B1B1E;
    --color-sunken: #232327;
    --color-hair:   #2E2E33;
    --color-ink:    #F2F2F0;
    --color-muted:  #9C9CA4;
    --color-faint:  #6E6E76;
    --color-ember:  #E08A4E;
    --color-live:   #5FB58C;
    --color-alarm:  #E0705F;
    --shadow-lift:  0 1px 2px rgb(0 0 0 / .3), 0 8px 24px rgb(0 0 0 / .35);
    color-scheme: dark;
  }
}

/* Выбор человека сильнее системы — и в обе стороны. */
:root[data-theme="dark"] {
  --color-paper:  #131315;
  --color-panel:  #1B1B1E;
  --color-sunken: #232327;
  --color-hair:   #2E2E33;
  --color-ink:    #F2F2F0;
  --color-muted:  #9C9CA4;
  --color-faint:  #6E6E76;
  --color-ember:  #E08A4E;
  --color-live:   #5FB58C;
  --color-alarm:  #E0705F;
  --shadow-lift:  0 1px 2px rgb(0 0 0 / .3), 0 8px 24px rgb(0 0 0 / .35);
  color-scheme: dark;
}

:root[data-theme="light"] {
  --color-paper:  #F4F4F2;
  --color-panel:  #FFFFFF;
  --color-sunken: #EDEDEA;
  --color-hair:   #E3E3DE;
  --color-ink:    #16161A;
  --color-muted:  #6E6E76;
  --color-faint:  #9A9AA0;
  --color-ember:  #B4541F;
  --color-live:   #2E7D5B;
  --color-alarm:  #A32B1E;
  color-scheme: light;
}