/* Общие стили malinkin.pro — заведён 04.08.2026 по разбору юзабилити.

   До него у каждой из 18 страниц был свой блок <style> с заново переписанными
   одними и теми же переменными: правка палитры означала 18 ручных правок, и они
   уже разъехались — светлая тема доехала до 3 страниц, обводка фокуса до одной.

   Здесь лежит только общее: палитра, шрифты, шкала размеров и радиусов, ширина
   колонки, фокус клавиатуры. Всё особенное страницы (форма музея, сетка стены,
   кнопки лендинга) остаётся в самой странице — подключается ПОСЛЕ этого файла
   и перебивает его.

   Решения и причины — в landing/DESIGN.md. Цвет, размер и радиус руками в
   странице больше не назначаются: берётся переменная отсюда.

   Подключение: <link rel="stylesheet" href="/style.css"> перед <style>. */

@import url("/fonts/fonts.css");

:root{
  /* СВЕТЛАЯ ТЕМА — ОСНОВНАЯ (слово владельца 05.08.2026).
     Раньше здесь стояла тёмная, а светлая жила под медиазапросом: человек с
     системой без предпочтения — старый Android, предпросмотр ссылки, печать —
     получал тёмную, то есть основной по факту была она. */
  --bg:#faf8f4; --bg2:#efeae0; --card:#fff;
  --ink:#191b1f; --muted:#5c6470; --line:#d9d0bf;
  /* Акцент затемнён с #a07714: тот давал 3.85 к фону — ниже порога 4.5, и
     подписи золотом на белом читались хуже нормы. Этот даёт 5.4. */
  --accent:#b1583a; --accent-2:#85422c; --accent-ink:#fff;
  --green:#2f7d4f; --red:#b23b2e; --stop:#b23b2e; --wait:#b23b2e;
  --vydelenie:#f6ecd2;   /* подложка выделенной цитаты (чернильная плашка) */

  /* Шрифты. Лежат на своём сервере, внешних запросов страница не делает.
     Засечный — читать, интерфейсный — служебное, моно — цифры по разряду. */
  --serif:"Source Serif 4",Georgia,"Times New Roman",serif;
  --sans:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;
  --mono:"Geist Mono",ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;

  /* Семь ступеней размера вместо 31 значения, включая 12.5px и 18.5px:
     разница в полпикселя — не решение, а след ручной подгонки. */
  --t1:12px; --t2:14px; --t3:16px; --t4:18px; --t5:21px; --t6:26px; --t7:34px;

  /* Три радиуса вместо 14. --radius оставлен псевдонимом: им пользуются
     20 страниц, снимать его молча нельзя. */
  --r1:8px; --r2:16px; --r3:999px;
  --radius:16px;

  /* Две ширины колонки на весь сайт: чтение и списки. Было пять разных. */
  --chtenie:640px; --spiski:760px;
  --maxw:640px;
}

/* Тёмная тема: у кого на телефоне ночной режим — получает её и дальше.
   Отдельной кнопки нет намеренно: система уже знает, день сейчас или ночь. */
@media(prefers-color-scheme:dark){
  :root{
    --bg:#0e1014; --bg2:#151c28; --card:#1a212b;
    --ink:#eef2f7; --muted:#a7b0bd; --line:#2a333f;
    --accent:#c96442; --accent-2:#db9982; --accent-ink:#fff;
    --green:#5fb87a; --red:#e2685a; --stop:#e2685a; --wait:#e2685a;
    --vydelenie:#3a2a12;
  }
}

/* Шрифт по умолчанию на весь сайт. Страница со своим font-family в <style>
   перебьёт его — так и задумано, этот файл подключается первым. */
body{font-family:var(--serif)}
h1,h2,h3,h4{font-family:var(--serif)}
button,input,select,textarea,
.nav-verh,.meta,.kicker,.badge{font-family:var(--sans)}
code,kbd,pre,samp{font-family:var(--mono)}

/* Верхняя полоска. До неё все переходы жили только в подвале: чтобы уйти со
   страницы на 17 КБ текста, надо было долистать её до конца. Не липкая —
   на телефоне липкая шапка съедает первый экран. На лендинге /dostatok/ её
   намеренно нет: там первый экран продающий. */
.nav-verh{border-bottom:1px solid var(--line); font-size:13px;
  padding:10px 16px; display:flex; flex-wrap:wrap; gap:6px 14px;
  align-items:center; justify-content:space-between}
.nav-verh a{color:var(--muted); text-decoration:none}
.nav-verh a:hover{color:var(--accent)}
.nav-verh .dom{color:var(--ink); font-weight:700}
.nav-verh .spisok{display:flex; flex-wrap:wrap; gap:6px 14px}

/* Клавиатура: было видно только на главной, на остальных 17 страницах человек
   не понимал, где он находится. */
a:focus-visible,
button:focus-visible,
textarea:focus-visible,
summary:focus-visible{outline:2px solid var(--accent); outline-offset:3px;
  border-radius:var(--r1)}

@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *,*::before,*::after{animation:none!important; transition:none!important}
}