/* Geologica ships with the app: two variable WOFF2 subsets cover the Russian
   and English UI without a Google Fonts request or a system-font dependency. */
@font-face {
  font-family: "Geologica";
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url("./fonts/geologica-cyrillic-wght.woff2") format("woff2");
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}

@font-face {
  font-family: "Geologica";
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url("./fonts/geologica-latin-wght.woff2") 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;
}

/* Нейтрали — РОВНО серые (r = g = b) по обе стороны темы. Раньше в них был
   бежевый подмес (бумага #f2efe8, чернила #191916): на экране он читался как
   желтизна на всём сервисе, а рядом с фотографиями блюд подкрашивал их. Каждый
   оттенок заменён серым ТОЙ ЖЕ яркости, поэтому контрастные пары не сдвинулись
   ни на сотую. Тепло в интерфейс приносят бренд (--accent) и сигналы
   (--warning), а не подложка: новый серый заводить с r = g = b. */
:root {
  color-scheme: light;
  --ink: #191919;
  --ink-2: #303030;
  --muted: #737373;
  --muted-2: #a0a0a0;
  --paper: #efefef;
  --surface: #fdfdfd;
  --surface-2: #e5e5e5;
  --surface-dark: #202020;
  --line: rgba(25, 25, 25, 0.13);
  --line-strong: rgba(25, 25, 25, 0.24);
  --accent: #e84f35;
  --accent-dark: #be3723;
  --accent-soft: #fee8e1;
  --success: #2f8c5b;
  --success-soft: #deefe5;
  --warning: #c17c1d;
  --warning-soft: #f5ead6;
  /* Текст поверх мягкой подложки: он обязан быть КОНТРАСТНЕЕ самого сигнала.
     --warning/--accent-dark годятся для линий и иконок, но как надпись на
     --warning-soft/--accent-soft дают 2.8–3.0. Отдельная пара решает это в
     обеих темах: в светлой — темнее подложки, в тёмной — светлее. */
  --warning-ink: #8a5a12;
  --danger-ink: #a52f1e;
  --blue: #446bdb;
  /* Надпись на поверхности, которая тёмная В ОБЕИХ темах: рельс, редактор,
     вьюер, шторки поверх стекла. Чистый белый даёт там 16–18:1 и слепит ровно
     так же, как слепила тёмная тема, — берём почти-белый под тот же
     уровень 12–13:1, что и чернила на бумаге тёмной темы (значение то же, что
     у её --ink, — лишний оттенок в системе не нужен). Белый остаётся только
     там, где надпись лежит на ЦВЕТНОЙ заливке или поверх фотографии. */
  --on-dark: #dadada;
  --rail-w: 76px;
  --context-w: 340px;
  --radius-2: 2px;
  --radius-4: 4px;
  --radius-8: 8px;
  --radius-12: 12px;
  --radius-16: 16px;
  --radius-24: 24px;
  --radius-pill: 9999px;
  --sans: Inter, "SF Pro Display", "Segoe UI", Arial, sans-serif;
  --serif: "Geologica", Inter, "SF Pro Display", "Segoe UI", Arial, sans-serif;
  --font-sans: var(--sans);
  --font-display: var(--serif);
  --mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
  font-family: var(--sans);
  font-synthesis: none;
  text-rendering: optimizeLegibility;
}

/* Тёмная тема светит В ГЛАЗА, если повторить светлую наоборот: почти-белые
   чернила на почти-чёрной бумаге давали 15.9:1 — выше, чем бумажная книга при
   дневном свете, и в тёмной комнате это режет. Смягчение идёт с двух сторон
   сразу: бумага поднимается от черноты, чернила опускаются от белизны. Итог
   12.2:1 — всё ещё вдвое выше порога AAA (7:1), но без удара по глазам.
   Поднимать надо ОБА конца: одна только бумага делает картинку мутной, одни
   только чернила — серыми буквами в чёрной яме. */
:root[data-theme="dark"] {
  color-scheme: dark;
  --ink: #dadada;
  --ink-2: #bfbfbf;
  --muted: #989898;
  --muted-2: #777777;
  --paper: #1c1c1c;
  --surface: #262626;
  --surface-2: #2f2f2f;
  --surface-dark: #141414;
  /* Линии — тоже контраст: почти-белая рамка на тёмном читается как подсветка,
     поэтому альфа ниже светлой темы, а не равна ей. */
  --line: rgba(253, 253, 253, .10);
  --line-strong: rgba(253, 253, 253, .19);
  /* В тёмной теме «тёмный акцент» обязан быть СВЕТЛЕЕ обычного: он красит
     ссылки и наведение на тёмном, а #be3723 на тёмной бумаге давал контраст
     2.9 — ссылку в карточке задачи было не прочесть. */
  --accent-dark: #ef7c62;
  --accent-soft: #4a2c26;
  --warning-ink: #dfa95c;
  --danger-ink: #ef7c62;
  /* Сигнальные цвета светлеют вместе с бумагой: на поднятом фоне исходные
     #446bdb/#2f8c5b тонули (3.4–4.4), а точки статусов и полосы ганта должны
     читаться. Светлее — не значит ярче: чернил они не догоняют. */
  --blue: #6b8ae4;
  --success: #4f9d72;
  --warning: #c8892f;
  --success-soft: #24402f;
  --warning-soft: #453722;
}