/* «Досрок» — цвет. Холодная канцелярская сталь вместо тёплой бумаги:
   инструмент, а не сайт. Один акцент — «чернила подписи». Красный только
   про просрочку. Сырых #hex вне этого файла быть не должно. */
:root{
  /* Поверхности */
  --paper:#f4f5f8;          /* фон приложения */
  --paper-aside:#edeff4;    /* сайдбар */
  --surface:#ffffff;        /* карточки, таблицы, поля */
  --surface-dim:#f8f9fb;    /* наведение на строку */
  --surface-sunken:#eceef3; /* колодцы: kbd, сегменты, подложки */

  /* Чернила (текст). --ink-3 держит ≥4.5:1 на всех поверхностях. */
  --ink:#191d24;
  --ink-2:#444b58;
  --ink-3:#5d6574;

  /* Линейки */
  --line:#e3e5eb;           /* волосяные линии, разделители строк */
  --line-strong:#c9cdd7;    /* рамки тихих кнопок, блоков */
  --line-control:#8a92a2;   /* границы полей ввода — 3:1 к --surface (WCAG 1.4.11) */

  /* Акцент «Чернила» — действия, ссылки, активная навигация, слой «Заседания» */
  --accent:#2a46b8;
  --accent-deep:#22389b;
  --accent-wash:#eaedfa;
  --accent-wash-line:#c9d3f1;
  --on-accent:#ffffff;

  /* Оттиск печати — только штамп «Редакция правил» и артефакты-бланки */
  --seal:#4f46a5;

  /* Статусы */
  --danger:#b02a1c;         /* просрочено; слой «Сроки» */
  --danger-deep:#8e2013;
  --danger-wash:#fbece9;
  --danger-wash-deep:#f6dfda;
  --warn:#96610a;           /* сегодня / скоро / «проверьте» */
  --warn-wash:#f8efdb;
  --ok:#1e7a46;             /* выполнено / подтверждено; слой «Задачи» */
  --ok-wash:#e7f3ec;
  --meet:#6a4c9f;           /* слой «Встречи» */
  --meet-wash:#f0ebf8;

  /* Слои календаря — постоянные цвета во всём продукте */
  --layer-hearing:var(--accent);   --layer-hearing-wash:var(--accent-wash);
  --layer-deadline:var(--danger);  --layer-deadline-wash:var(--danger-wash);
  --layer-task:var(--ok);          --layer-task-wash:var(--ok-wash);
  --layer-meeting:var(--meet);     --layer-meeting-wash:var(--meet-wash);

  /* Служебные */
  --toast-bg:#22262e;              /* тёмный тост */
  --on-dark:#ffffff;
  --on-dark-quiet:#f6c46b;         /* «Отменить» на тёмном тосте */
  --veil:rgba(25,29,36,0.44);      /* подложка модальных окон */
  --hover-veil:rgba(255,255,255,0.6);   /* наведение на сайдбаре */
  --hover-veil-strong:rgba(255,255,255,0.85);
  --focus-ring:rgba(42,70,184,0.22);    /* кольцо фокуса полей */
  --mark:#f5e2a3;                  /* подсветка неуверенно разобранного поля */
  --mark-dim:#eef0f4;              /* подложка исходного документа */
  --scroll-shadow:rgba(25,29,36,0.18);  /* «справа есть ещё колонки» */
  --scroll-shadow-fade:rgba(25,29,36,0);
  --surface-fade:rgba(255,255,255,0);
  --line-print:#999999;            /* линейки в печати */
  --danger-label:#ffffff;          /* текст на красной кнопке */

  /* Подложка QR-кода. Единственный цвет, одинаковый в обеих темах: код
     остаётся тёмным на светлом, потому что инвертированный QR камера
     телефона читает через раз. Тёмная тема его намеренно не переопределяет. */
  --qr-plate:#ffffff;
}

/* Тёмная тема: html[data-theme='dark']. Тот же принцип — графит вместо стали,
   чернила светлые. Заливки действий пастельные, подпись на них тёмная
   (пара --accent / --on-accent), текстовые акценты — те же пастельные тона.
   Только для экрана: печать всегда светлая. */
@media screen{
html[data-theme='dark']{
  --paper:#16181d;
  --paper-aside:#121419;
  --surface:#1d2026;
  --surface-dim:#22252c;
  --surface-sunken:#15171d;
  --ink:#e8eaef;
  --ink-2:#b3b9c4;
  --ink-3:#8a919f;
  --line:#2a2e36;
  --line-strong:#3a3f4a;
  --line-control:#67707f;
  --accent:#8fa4f3;
  --accent-deep:#a4b5f6;
  --accent-wash:#232a47;
  --accent-wash-line:#39456f;
  --on-accent:#101736;
  --seal:#a79be8;
  --danger:#e98577;
  --danger-deep:#f09a8e;
  --danger-wash:#3a1d18;
  --danger-wash-deep:#4a251f;
  --danger-label:#33100a;
  --warn:#e0b26a;
  --warn-wash:#3a2c12;
  --ok:#6cc492;
  --ok-wash:#17301f;
  --meet:#b9a5ec;
  --meet-wash:#2a2140;
  --toast-bg:#2e323b;
  --on-dark:#ffffff;
  --on-dark-quiet:#f6c46b;
  --veil:rgba(0,0,0,0.6);
  --hover-veil:rgba(255,255,255,0.05);
  --hover-veil-strong:rgba(255,255,255,0.09);
  --focus-ring:rgba(143,164,243,0.28);
  --mark:#4a3d1e;
  --mark-dim:#22252c;
  --scroll-shadow:rgba(0,0,0,0.55);
  --scroll-shadow-fade:rgba(0,0,0,0);
  --surface-fade:rgba(29,32,38,0);
}
}

/* Вариации акцента (Настройки → «Оформление»). Меняются только чернила
   подписи и производные; статусные цвета и слои календаря постоянны.
   У каждой семьи две редакции: тёмные чернила на светлом — ниже, пастель
   с тёмной подписью на графите — в блоке тёмной темы следом. */
html[data-accent='steel']:not([data-theme='dark']){
  --accent:#1e5f8a;--accent-deep:#174b6e;--accent-wash:#e7f0f7;
  --accent-wash-line:#c2d9ea;--seal:#174b6e;--focus-ring:rgba(30,95,138,0.22);
}
html[data-accent='indigo']:not([data-theme='dark']){
  --accent:#3d3a8f;--accent-deep:#2f2d73;--accent-wash:#ebeaf8;
  --accent-wash-line:#cdcbef;--seal:#2f2d73;--focus-ring:rgba(61,58,143,0.22);
}
html[data-accent='pine']:not([data-theme='dark']){
  --accent:#175e4c;--accent-deep:#114a3c;--accent-wash:#e6f2ee;
  --accent-wash-line:#bfdfd5;--seal:#114a3c;--focus-ring:rgba(23,94,76,0.22);
}

/* Те же семьи на графите. Заливка пастельная, подпись на ней тёмная —
   у каждой семьи своя (--on-accent), белая на бирюзе не читается. Все пары
   держат ≥4.5:1 к --paper, --surface, --surface-dim и к своей подписи.
   Только экран: печать всегда светлая, как и вся тёмная тема. */
@media screen{
html[data-theme='dark'][data-accent='steel']{
  --accent:#6fb6dd;--accent-deep:#8ac7e8;--accent-wash:#17303f;
  --accent-wash-line:#2c5268;--on-accent:#05202e;--seal:#8ac7e8;
  --focus-ring:rgba(111,182,221,0.28);
}
/* Тон 243°: между «Чернилами» (227°) и слоем «Встречи» (257°) — иначе
   индиговое заседание в календаре не отличить от встречи. */
html[data-theme='dark'][data-accent='indigo']{
  --accent:#948ef4;--accent-deep:#a9a4f7;--accent-wash:#282348;
  --accent-wash-line:#413a70;--on-accent:#150f38;--seal:#a9a4f7;
  --focus-ring:rgba(148,142,244,0.28);
}
html[data-theme='dark'][data-accent='pine']{
  --accent:#4ec9b0;--accent-deep:#6fd8c1;--accent-wash:#12332d;
  --accent-wash-line:#23554c;--on-accent:#032420;--seal:#6fd8c1;
  --focus-ring:rgba(78,201,176,0.28);
}
}