/* Дизайн-токены.
 *
 * Гамма снята с сайта института (iki.cosmos.ru): синий #015688 в ссылках,
 * тёмно-синий #1B435D в шапке и подвале, текст #263238, холодные светло-серые
 * поверхности. Прежняя тёплая «бумажная» гамма с терракотовым акцентом ушла:
 * сайт семинара должен читаться как часть сайта ИКИ.
 *
 * Служебные серые затемнены против макета ради контраста: для основного текста
 * нужно 4.5:1 к белому. Отсюда --ink-meta 5.6:1 и --ink-faint 4.9:1, а
 * минимальный кегль моно-подписей — 12.5px, а не 10px.
 *
 * Кегли: базовый текст 17px — у сайта возрастная аудитория, и на iki.cosmos.ru
 * базовый кегль тоже крупный (20px). Разрыв между базовым и самым крупным
 * кеглем сжат с 3.9× до 2.1×: длинные названия докладов иначе занимают экран
 * целиком.
 */

:root {
  /* Поверхности */
  --bg: #ffffff;
  --surface: #f4f6f8;
  --surface-raised: #ffffff;
  --surface-sunken: #eceff1;
  --dark: #1b435d;
  --dark-soft: #163a50;

  /* Текст */
  --ink: #263238;
  --ink-muted: #455a64;
  --ink-meta: #566b75; /* 5.6:1 к белому */
  --ink-faint: #64737b; /* 4.9:1 к белому */
  --ink-on-dark: #f2f6f8;
  --ink-on-dark-muted: #b9cad6;

  /* Акцент */
  --accent: #015688;
  --accent-hover: #1b435d;
  --accent-warm: #007bb9;
  --accent-light: #8ec6e8; /* ссылки на тёмном: 5.7:1 к --dark */
  --accent-wash: #eaf1f6;
  --accent-wash-border: #cbdfeb;

  /* Линии */
  --rule: #d3dde3;
  --rule-soft: #e3eaee;
  --rule-softer: #eef3f6;
  --border-input: #b6c4cc;

  /* Статусы */
  --error-ink: #b3261e; /* акцент теперь синий, и подсвечивать им ошибку нельзя */
  --error-border: #e6b7b3;
  --error-bg: #fdf3f2;
  --ok-ink: #1f5c4a;
  --ok-border: #b8cfc6;
  --ok-bg: #eaf2ee;
  --warn-ink: #8a5a1a;
  --warn-border: #e0cfae;
  --warn-bg: #f6eedf;

  /* Типографика.
     Гарнитура на весь сайт одна — Roboto, как на iki.cosmos.ru. Засечек нет
     нигде: заголовки отличаются от текста кеглем и насыщенностью, а не
     рисунком шрифта. Roboto Mono остаётся только на служебных подписях,
     датах и цифрах — там нужна одинаковая ширина знака. */
  --font-sans: Roboto, system-ui, -apple-system, "Segoe UI", sans-serif;
  --font-mono: "Roboto Mono", ui-monospace, "Cascadia Mono", monospace;

  /* Ритм */
  --wrap: 1180px;
  --gutter: clamp(18px, 4vw, 56px);
  --radius: 3px;

  /* Минимальная область нажатия на мобильных */
  --tap: 44px;
}