/* Общие значения. Образ страницы — школьная тетрадь в клетку и контурная
   карта: белая бумага, синие чернила, красная линия полей, красная ручка
   учителя. Цвета разделов учебника лежат отдельно, в era.css.

   Граница телефонной раскладки, 860px, записана в @media десяти файлов:
   в условии медиа-запроса переменные не работают. Меняешь — ищи по «860px» */

:root {
  --paper: #fdfdfb;
  --ink: #1b2440;
  /* Те же чернила с прозрачностью: обводка цветных меток, тень, штриховка.
     Меняешь --ink — поменяй числа и здесь, и в зигзаге в timeline.css
     (там цвет зашит в картинку, переменную в неё не передать) */
  --ink-edge: rgba(27, 36, 64, 0.4);
  --ink-shadow: rgba(27, 36, 64, 0.16);
  --ink-hatch: rgba(27, 36, 64, 0.07);
  --ink-soft: #4d5873;
  --ink-faint: #8a93a8;
  --rule: #d5dce7;

  --grid: #cfe1f1;
  --margin-line: #e56b75;
  /* Красная ручка темнее линии полей: ею написан текст, и на белом
     ему нужен контраст 4.5:1, а линии хватает и светлого */
  --pen-red: #c22f3d;

  --sea: #dbe9f4;
  --sea-ink: #3d6791;
  --shore: #b6d1e7;
  --coast: #55789f;
  --river: #6c9fcc;
  --graticule: #c6d8e8;

  --font-title: 'PT Serif', Georgia, 'Times New Roman', serif;
  --font-text: 'PT Sans', 'Segoe UI', system-ui, sans-serif;
  --font-hand: 'Neucha', 'PT Sans', 'Segoe UI', sans-serif;

  background: var(--paper);
  color-scheme: light;
}