/* Оформление платформы: цвета, шрифты, базовая типографика. Один файл на все
   страницы и подключается первым — стили страницы идут после и уточняют его.

   Цвета важности замечания заняты смыслом: красный — обязательное, жёлтый —
   на усмотрение редактора, синий — автор исправит сам, зелёный — принято.
   Поэтому своего цвета у платформы нет, акцент — почти чёрные «чернила»:
   любой цветной акцент совпал бы с одним из смысловых.

   Все пары текст–фон держат контраст не ниже 4,5 : 1 (WCAG AA). Прежний
   жёлтый #b8860b давал на белом 3,2 и мелкой подписью читался плохо.

   Шрифты лежат у нас: страницы показывают неопубликованные рукописи, и
   обращаться за шрифтом к чужому домену им незачем. Оба вариативные — на
   страницах стоят насыщенности 520 и 620, которых у шрифтов с двумя
   начертаниями нет. Inter — шрифт интерфейса, Literata — заголовков и текста
   самой рукописи: так текст автора не путается с надписями системы. У Inter
   оптический размер закреплён, у Literata оставлен от 12 до 36 — ею набран и
   мелкий текст, и заголовки. Набор знаков урезан до латиницы с кириллицей:
   оба файла вместе весят около 200 КБ. */

@font-face {
  font-family: "Inter";
  src: url("/static/fonts/Inter.woff2") format("woff2");
  font-weight: 400 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Literata";
  src: url("/static/fonts/Literata.woff2") format("woff2");
  font-weight: 400 700;
  font-style: normal;
  font-display: swap;
}

:root {
  --sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, sans-serif;
  --serif: "Literata", Georgia, "Times New Roman", serif;

  --paper: #f8f6f1;
  --surface: #fff;
  --bg: #f1eee7;
  --line: #e4dfd5;
  --line-strong: #cdc6b8;
  --ink: #1c1a17;
  --dim: #69645b;

  --mandatory: #b0281c;
  --mandatory-tint: #fbeeec;
  --review: #8a6100;
  --review-ink: #6e4e00;
  --review-tint: #fbf1d6;
  --review-line: #e6c56a;
  --self-fix: #28618c;
  --self-fix-tint: #edf3f8;
  --accepted: #24724a;
  --accepted-tint: #ecf5ef;
  --link: #28618c;

  /* Откуда замечание: от нейросети или из внешней базы. */
  --engine-model: #6b3fa0;
  --engine-external: #1f6f8b;

  /* Подсветка цитаты замечания в тексте рукописи. */
  --highlight: #fbefc4;
  --highlight-strong: #f5d77a;

  --focus-ring: #d5e3ee;
  --focus-line: #8fb1cc;
  --shadow: rgba(28, 26, 23, .12);
  --backdrop: rgba(28, 26, 23, .55);

  /* Высота всех полей и кнопок задаётся одним числом: поля разной высоты в
     одной строке — первое, что видно на экране, и правится это только так. */
  --control: 2.3rem;
}

html {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
}
body { font-family: var(--sans); color: var(--ink); background: var(--paper); }

h1, h2 { font-family: var(--serif); letter-spacing: -.01em; }
a { color: var(--link); text-underline-offset: .15em; }

::selection { background: var(--highlight-strong); color: var(--ink); }
input[type="checkbox"], input[type="radio"] { accent-color: var(--ink); }