/* Синяя гамма FMS на основе дизайн-системы DOC-V (как у лендинга ЭДО, зелёные токены заменены синими).
 * Светлая схема по умолчанию, тёмная — по системной настройке или переключателем (data-theme). */
@font-face {
  font-family: 'DOC-V Wordmark';
  src: url('docv-wordmark.woff2') format('woff2');
  font-weight: 300;
  font-display: swap;
}
:root {
  color-scheme: light;
  --c-primary: #1767b3;
  --c-primary-hover: #0f5598;
  --c-ink: #0f5598;          /* цвет ссылок и акцентного текста */
  --c-heading: #0f1f33;
  --c-deep: #0f4a7a;         /* шапка, подвал, рейка */
  --c-pattern: #3b8fd8;
  --c-accent: #3b9bea;
  --c-bg: #f3f6fa;
  --c-pale: #eaf3fd;
  --c-paper: #fff;
  --c-text: #1e293b;
  --c-secondary: #475569;
  --c-muted: #5b6b80;
  --c-line: #e2e8f0;
  --c-on-dark: #fff;
  --c-warn: #8a5a14;
  --c-warn-bg: #fff6e8;
  --c-shadow-sm: 0 1px 2px rgb(15 31 51 / 5%), 0 1px 3px rgb(15 31 51 / 6%);
  --c-shadow: 0 28px 56px -20px rgb(15 31 51 / 28%), 0 2px 6px rgb(15 31 51 / 8%);
  --sans: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
  --container: 1192px;
  --gutter: 24px;
  --radius: 12px;
}
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) { color-scheme: dark; --c-primary: #3b9bea; --c-primary-hover: #66b2f0; --c-ink: #7dbdf5; --c-heading: #eef4fb; --c-deep: #0a2c4a; --c-pattern: #2a6fb0; --c-accent: #66b2f0; --c-bg: #0b1522; --c-pale: #12304f; --c-paper: #122238; --c-text: #dbe5f1; --c-secondary: #b3c3d6; --c-muted: #92a6bd; --c-line: #233a57; --c-warn: #f0c27a; --c-warn-bg: #3a2b12; --c-shadow-sm: 0 1px 2px rgb(0 0 0 / 30%); --c-shadow: 0 28px 56px -20px rgb(0 0 0 / 60%), 0 2px 6px rgb(0 0 0 / 30%); }
}
:root[data-theme="dark"] { color-scheme: dark; --c-primary: #3b9bea; --c-primary-hover: #66b2f0; --c-ink: #7dbdf5; --c-heading: #eef4fb; --c-deep: #0a2c4a; --c-pattern: #2a6fb0; --c-accent: #66b2f0; --c-bg: #0b1522; --c-pale: #12304f; --c-paper: #122238; --c-text: #dbe5f1; --c-secondary: #b3c3d6; --c-muted: #92a6bd; --c-line: #233a57; --c-warn: #f0c27a; --c-warn-bg: #3a2b12; --c-shadow-sm: 0 1px 2px rgb(0 0 0 / 30%); --c-shadow: 0 28px 56px -20px rgb(0 0 0 / 60%), 0 2px 6px rgb(0 0 0 / 30%); }