/* Токены дизайн-системы v1 (design-spec §9.2, §9.4).
   Hex-цвета живут ТОЛЬКО здесь: гейт дизайн-системы (§9.9) ищет их по всему web/.
   Поле (data-role="field") — всегда светлое: на солнце тёмная тема не читается,
   поэтому тёмные значения подключены только к Штабу (data-role="hq"). */

:root{
  /* основа — светлая: Поле всегда, Штаб по умолчанию */
  --bg:#F3F1EC;          /* фон экрана: тёплая бумага, меньше бликов, чем #FFF */
  --surface:#FFFFFF;     /* строки, листы, карточки */
  --surface-2:#E9E6DF;   /* нажатие, скелет */
  --text:#121416;
  --text-2:#454A50;
  --line:#D9D5CC;        /* только разделители (декор) */
  --line-strong:#7A756B; /* рамки полей ввода */

  /* действие: «дорожный синий» — только то, что нажимается */
  --action:#094A87; --action-press:#073A6B; --action-ink:#FFFFFF;
  --action-soft:#E6EEF7; --action-soft-ink:#094A87;

  /* смыслы: fill — подложка, ink — текст, mark — только графика/значок */
  --reason-fill:#FFE6A0; --reason-ink:#553800; --reason-mark:#A86F00;  /* нужна причина, ждёт */
  --alarm-fill:#FBE2DE;  --alarm-ink:#8A1A12;  --alarm-mark:#B3261E;   /* не отправлено, не принято, проверьте цифру */
  --done-fill:#DDF0E4;   --done-ink:#0F4D29;   --done-mark:#1C7A43;    /* сдано, принято */
  --closed-fill:#E7E5E0; --closed-ink:#3A3E43; --closed-mark:#5E636A;  /* закрыто, нейтрально, нет данных */
  --adjust-fill:#EFE7FA; --adjust-ink:#4B2A7A; --adjust-mark:#7A4FB5;  /* корректировка в другой период */

  /* служебные */
  --toast-bg:#1B1E21; --toast-ink:#FFFFFF; --toast-action:#9CC6FA;
  --chart-now:#2B3A4A; --chart-ghost:#8E9298; --chart-band:#ECEAE5; --chart-grid:#D9D5CC;
  --backdrop:rgba(18,20,22,.40);
  --shadow-sheet:0 -8px 24px rgba(18,20,22,.12);
  --shadow-toast:0 6px 16px rgba(18,20,22,.18);
  /* «фото» без снимка: нейтральный силуэт (как в макете) */
  --face-bg:#D8CFC2; --face-ink:#8F7D68;
  /* камера SM-14: кадр на чёрном, подписи и кнопки белые — на солнце светлая рамка вокруг кадра
     слепит и съедает картинку; одинаковы в обеих темах */
  --cam-bg:#000000; --cam-ink:#FFFFFF; --cam-bar:rgba(0,0,0,.72); --cam-frame:#FFFFFF;

  --font:system-ui,-apple-system,"Segoe UI",Roboto,"Noto Sans",sans-serif;
  --s1:4px; --s2:8px; --s3:12px; --s4:16px; --s5:24px; --s6:32px; --s7:48px;
  --r-s:8px; --r-m:12px; --r-l:20px;
  --hit:64px; --gap-hit:12px;
  --dur-press:80ms; --dur-state:150ms; --dur-toast:160ms; --dur-sheet:220ms; --ease:cubic-bezier(0.16,1,0.3,1);

  /* шкала Поля (§9.4): 16 px — минимум */
  --fs-display:40px; --lh-display:44px;
  --fs-timer:28px;   --lh-timer:32px;
  --fs-key:24px;     --lh-key:28px;
  --fs-title:20px;   --lh-title:26px;
  --fs-body:18px;    --lh-body:24px;
  --fs-meta:16px;    --lh-meta:22px; --fw-meta:400;
  --fs-chip:16px;
  --max-w:480px;     /* Поле на широком экране — колонка 480 по центру (§10) */
}

/* Штаб: плотнее (§9.1, §9.4) */
html[data-role='hq']{
  --hit:48px; --gap-hit:8px;
  --fs-display:32px; --lh-display:36px;
  --fs-timer:24px;   --lh-timer:28px;
  --fs-body:16px;    --lh-body:22px;
  --fs-meta:14px;    --lh-meta:20px; --fw-meta:500;
  --fs-chip:14px;
  --max-w:1120px;
}

/* тёмная — ТОЛЬКО Штаб; у Поля её нельзя включить даже по ошибке (§9.2) */
@media (prefers-color-scheme: dark){
  html[data-role='hq']:not([data-theme='light']){
    --bg:#101214; --surface:#181B1F; --surface-2:#23272C;
    --text:#EDEEEF; --text-2:#A9AFB6;
    --line:#2E333A; --line-strong:#646B74;
    --action:#86B7F2; --action-press:#A3C8F6; --action-ink:#0A1B30;
    --action-soft:#15273C; --action-soft-ink:#A9CCF7;
    --reason-fill:#3B2C06; --reason-ink:#FFD569; --reason-mark:#E9AE1F;
    --alarm-fill:#3B1613;  --alarm-ink:#FF9A90;  --alarm-mark:#F0695C;
    --done-fill:#0F2E1E;   --done-ink:#79D9A2;   --done-mark:#4DBE7F;
    --closed-fill:#262A2F; --closed-ink:#B7BCC2; --closed-mark:#8C939B;
    --adjust-fill:#2A1F3B; --adjust-ink:#CDB6F2; --adjust-mark:#A983E0;
    --toast-bg:#E9EBED; --toast-ink:#121416; --toast-action:#094A87;
    --chart-now:#D5DCE3; --chart-ghost:#6B727A; --chart-band:#252B31; --chart-grid:#2E333A;
    --backdrop:rgba(0,0,0,.55);
    --shadow-sheet:none; --shadow-toast:none;
    --face-bg:#2E333A; --face-ink:#8C939B;
  }
}
html[data-role='hq'][data-theme='dark']{
  --bg:#101214; --surface:#181B1F; --surface-2:#23272C;
  --text:#EDEEEF; --text-2:#A9AFB6;
  --line:#2E333A; --line-strong:#646B74;
  --action:#86B7F2; --action-press:#A3C8F6; --action-ink:#0A1B30;
  --action-soft:#15273C; --action-soft-ink:#A9CCF7;
  --reason-fill:#3B2C06; --reason-ink:#FFD569; --reason-mark:#E9AE1F;
  --alarm-fill:#3B1613;  --alarm-ink:#FF9A90;  --alarm-mark:#F0695C;
  --done-fill:#0F2E1E;   --done-ink:#79D9A2;   --done-mark:#4DBE7F;
  --closed-fill:#262A2F; --closed-ink:#B7BCC2; --closed-mark:#8C939B;
  --adjust-fill:#2A1F3B; --adjust-ink:#CDB6F2; --adjust-mark:#A983E0;
  --toast-bg:#E9EBED; --toast-ink:#121416; --toast-action:#094A87;
  --chart-now:#D5DCE3; --chart-ghost:#6B727A; --chart-band:#252B31; --chart-grid:#2E333A;
  --backdrop:rgba(0,0,0,.55);
  --shadow-sheet:none; --shadow-toast:none;  /* подъём = --surface-2 + линия 1px */
  --face-bg:#2E333A; --face-ink:#8C939B;
}

@media (prefers-reduced-motion: reduce){
  :root{ --dur-press:0ms; --dur-state:0ms; --dur-toast:0ms; --dur-sheet:0ms; }
}