/* Светлая палитра, общая для кабинета и клиентского мини-аппа.

   Это единственное место, где живут светлые значения обеих поверхностей.
   Кабинет включает их через data-theme='glass' (дефолт после миграции rollout
   в dashboard.html), мини-апп — через атрибут на <html> в client.html.

   Имена здесь — общий словарь: одна и та же по смыслу вещь зовётся одинаково
   в обоих файлах. Текст размечен тремя уровнями:
     --text       обычный текст;
     --ink-dim    чуть тише текста: метки, подписи полей, время, чипы;
     --ink-muted  явно вторичный: описания, мета, хидеры секций.
   Подложки: --section-bg — карточка и панель, --tabbar-bg — плавающая
   навигация, --separator — декор, --input-border — граница поля ввода.

   Токены объявлены в порядке базового :root кабинета
   (studio/web/static/dashboard.css), чтобы дифф светлой и тёмной палитр
   читался построчно — это закреплено в tests/test_shared_theme.py.

   Сюда попадает только то, что в обеих поверхностях означает одно и то же.
   Значения, которые в кабинете и мини-аппе обязаны различаться (--surface,
   --shadow-*), остаются в файле своей поверхности: их
   точный список закреплён тестом, так что случайная копия значения здесь не
   задержится. По той же причине у них разные с кабинетом имена. */
/* Manrope со своего сервера (static/fonts, SIL OFL 1.1): Google Fonts из
   России отвечает нестабильно, и текст «перепрыгивал» на Manrope уже после
   открытия. Вариативный шрифт — один файл на все начертания 200–800; наборы
   символов как у Google, браузер качает только нужные (₽ — в latin-ext).
   ?v=20 — версия Manrope у Google: при замене файлов поменять её, иначе
   годовой кэш (immutable для URL с ?v=) отдаст старые. */
@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 200 800;
  font-display: swap;
  src: url('../fonts/manrope-cyrillic.woff2?v=20') format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}

@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 200 800;
  font-display: swap;
  src: url('../fonts/manrope-latin-ext.woff2?v=20') format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 200 800;
  font-display: swap;
  src: url('../fonts/manrope-latin.woff2?v=20') format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

:root[data-theme='glass'] {
  --bg: #f5f6fa;                 /* страница */
  --text: #172033;
  --ink-dim: #404a5e;
  /* #596375 вместо #667085: на подложке чипа (--surface-2 поверх --bg) пара
     «текст/фон» давала 4.10 и не дотягивала до AA. Здесь 5.00 в худшей из
     поверхностей — поэтому же значением пользуется и мини-апп. */
  --ink-muted: #596375;
  --btn: #2563eb;
  --btn-text: #ffffff;
  --accent: #1d4ed8;
  --positive: #18794e;
  --destructive: #b42318;
  --section-bg: #ffffff;         /* карточка */
  --separator: #e4e7ec;
  /* Граница полей ввода — не декор, а то, чем контрол опознаётся: у полей
     заливка почти не отличается от подложки. Держит 3:1 к соседним
     поверхностям (WCAG 1.4.11). */
  --input-border: #7f8598;
  /* Заливка поля — ровная белая в обеих поверхностях: градиент поверх белой
     карточки кабинета читался серой «тяжёлой» плашкой. */
  --input-gradient: #ffffff;
  --app-accent-soft: #eaf1ff;    /* мягкая заливка акцента: чипы, шаги */
  /* Мягкая обводка акцента: рамка наведения на карточках и края активных
     плашек. Значение то же, что кабинет рисует в «Стекле»; мини-апп задавал
     эти рамки своим хардкодом rgba(79,70,229,0.34) — ещё в индиго — то же по смыслу, но
     другое по значению. */
  --app-accent-outline: #2563eb4d;
  --app-danger-soft: #fdecec;
  --radius-lg: 18px;
  --radius: 14px;
  --radius-sm: 10px;
  --tabbar-bg: #ffffff94;        /* плавающая навигация */
  --font-display: 'Manrope', sans-serif;
  --font-text: 'Manrope', sans-serif;
}