/* ============================================================
   Цвета сайта. Светлая и тёмная схемы отличаются только этим набором.
   Страницы берут цвета отсюда (var(--c-…)), поэтому новые страницы сразу получают обе схемы.
   Какая схема включена — решает /assets/theme.js (выбор хранится на устройстве).
   ============================================================ */
:root {
  color-scheme: light;
  --c-bg: #f3f4f8;            /* фон страницы */
  --c-surface: #ffffff;       /* карточки, окна */
  --c-surface-2: #f8fafc;     /* шапки таблиц, второй слой */
  --c-surface-3: #f1f5f9;     /* поля, наведение, третий слой */
  --c-border: #e2e8f0;        /* тонкие рамки и разделители */
  --c-border-strong: #cbd5e1; /* рамки полей и кнопок */
  --c-text: #0f172a;          /* основной текст */
  --c-text-2: #334155;        /* второстепенный текст */
  --c-muted: #64748b;         /* подписи */
  --c-light: #94a3b8;         /* подсказки, неактивное */
  --c-accent: #5a62d6;        /* индиго: кнопки, выделение */
  --c-accent-hover: #4b53c4;
  --c-accent-soft: #eff0fd;   /* бледная подложка выбранного */
  --c-accent-text: #5a62d6;   /* ссылки и акцентный текст */
  --c-on-accent: #ffffff;
  --c-ring: rgba(90, 98, 214, 0.15);
  --c-success: #059669; --c-success-soft: #ecfdf5;
  --c-danger: #dc2626;  --c-danger-soft: #fef2f2;
  --c-warn: #d97706;    --c-warn-soft: #fffbeb;
  --c-brand-grad: linear-gradient(135deg, #667eea 0%, #764ba2 100%);   /* фирменная полоса */
  --c-shadow: rgba(15, 23, 42, 0.08);
  --c-overlay: rgba(15, 23, 42, 0.35);
  --c-glass: rgba(255, 255, 255, 0.92);   /* полупрозрачные панели (нижняя кнопка и т.п.) */
}
[data-theme="dark"] {
  color-scheme: dark;
  --c-bg: #16191f;
  --c-surface: #1e222a;
  --c-surface-2: #232833;
  --c-surface-3: #262b35;
  --c-border: #313744;
  --c-border-strong: #3a4150;
  --c-text: #e6e9ef;
  --c-text-2: #c3c9d4;
  --c-muted: #9aa4b2;
  --c-light: #6b7483;
  --c-accent: #6f77ea;
  --c-accent-hover: #7f86f0;
  --c-accent-soft: #272b4d;
  --c-accent-text: #a3a9ff;
  --c-on-accent: #ffffff;
  --c-ring: rgba(124, 131, 240, 0.22);
  --c-success: #34d399; --c-success-soft: #133226;
  --c-danger: #f87171;  --c-danger-soft: #3a1d1f;
  --c-warn: #fbbf24;    --c-warn-soft: #3a2e12;
  --c-brand-grad: linear-gradient(135deg, #4d5cb3 0%, #5a3a80 100%);   /* та же полоса, приглушённая */
  --c-shadow: rgba(0, 0, 0, 0.45);
  --c-overlay: rgba(0, 0, 0, 0.55);
  --c-glass: rgba(30, 34, 42, 0.92);
}
/* Переключение схемы — мягкое, без резкой вспышки */
html.theme-switching, html.theme-switching *, html.theme-switching *::before, html.theme-switching *::after {
  transition: background-color .25s ease, color .25s ease, border-color .25s ease, box-shadow .25s ease, fill .25s ease !important;
}
[data-theme="dark"] img:not([src$=".svg"]) { filter: brightness(.92); }   /* фото чуть приглушены, не слепят */

/* ---------- Исходные цвета статусов (зелёный, красный, жёлтый) ----------
   В светлой схеме — ровно как было на страницах; в тёмной — подобранные светлее, чтобы читались. */
:root {
  --s-92400e: #92400e;
  --s-00a046: #00a046;
  --s-f91155: #f91155;
  --s-d1fae5: #d1fae5;
  --s-047857: #047857;
  --s-0b8f3d: #0b8f3d;
  --s-10b981: #10b981;
  --s-16a34a: #16a34a;
  --s-22c55e: #22c55e;
  --s-2e7d32: #2e7d32;
  --s-946200: #946200;
  --s-991b1b: #991b1b;
  --s-9a6700: #9a6700;
  --s-b07800: #b07800;
  --s-b42318: #b42318;
  --s-b45309: #b45309;
  --s-b91c1c: #b91c1c;
  --s-c62828: #c62828;
  --s-d92d20: #d92d20;
  --s-d97706: #d97706;
  --s-dc2626: #dc2626;
  --s-dc3545: #dc3545;
  --s-dcfce7: #dcfce7;
  --s-e0a000: #e0a000;
  --s-e65100: #e65100;
  --s-e8f5e9: #e8f5e9;
  --s-ecfdf5: #ecfdf5;
  --s-ef4444: #ef4444;
  --s-f0fdf4: #f0fdf4;
  --s-f59e0b: #f59e0b;
  --s-fde68a: #fde68a;
  --s-fdecea: #fdecea;
  --s-fecaca: #fecaca;
  --s-fecdca: #fecdca;
  --s-fed7aa: #fed7aa;
  --s-fee2e2: #fee2e2;
  --s-fef2f2: #fef2f2;
  --s-fef3c7: #fef3c7;
  --s-fef3f2: #fef3f2;
  --s-ffa000: #ffa000;
  --s-ffebee: #ffebee;
  --s-fff3cd: #fff3cd;
  --s-fff3e0: #fff3e0;
  --s-fff7ed: #fff7ed;
  --s-fff8e1: #fff8e1;
  --s-fffbeb: #fffbeb;
}
[data-theme="dark"] {
  --s-92400e: #e6864c;
  --s-00a046: #4ce68f;
  --s-f91155: #e64c79;
  --s-d1fae5: #204a3c;
  --s-047857: #4ce6ba;
  --s-0b8f3d: #4ce686;
  --s-10b981: #4ce6b3;
  --s-16a34a: #4ce685;
  --s-22c55e: #51e186;
  --s-2e7d32: #6ac86f;
  --s-946200: #e6b24c;
  --s-991b1b: #e05252;
  --s-9a6700: #e6b34c;
  --s-b07800: #e6b54c;
  --s-b42318: #e6574c;
  --s-b45309: #e68f4c;
  --s-b91c1c: #e44e4e;
  --s-c62828: #dd5555;
  --s-d92d20: #e5584d;
  --s-d97706: #e69e4c;
  --s-dc2626: #e34f4f;
  --s-dc3545: #e1515f;
  --s-dcfce7: #204a37;
  --s-e0a000: #e6ba4c;
  --s-e65100: #e6824c;
  --s-e8f5e9: #284233;
  --s-ecfdf5: #204a3e;
  --s-ef4444: #e64d4d;
  --s-f0fdf4: #204a35;
  --s-f59e0b: #e6ad4c;
  --s-fde68a: #f0de97;
  --s-fdecea: #472729;
  --s-fecaca: #472329;
  --s-fecdca: #472529;
  --s-fed7aa: #473829;
  --s-fee2e2: #472329;
  --s-fef2f2: #472329;
  --s-fef3c7: #474229;
  --s-fef3f2: #472629;
  --s-ffa000: #e6ac4c;
  --s-ffebee: #47232f;
  --s-fff3cd: #474129;
  --s-fff3e0: #473b29;
  --s-fff7ed: #473929;
  --s-fff8e1: #474129;
  --s-fffbeb: #474229;
}