/* ============================================================
   ТОКЕНЫ — единственный источник дизайн-решений.
   Меняется палитра/отступы — только здесь.
   ============================================================ */
:root {
  /* Цвет */
  --color-primary: #004d99;
  --color-primary-hover: #003366;
  --color-primary-light: #e6f0fa;
  --color-success: #008800;
  --color-danger: #cc0000;
  --color-warning: #cc8800;
  --color-text: #000000;
  --color-text-secondary: #333333;
  --color-text-muted: #666666;
  --color-bg: #eef1f5;
  --color-surface: #ffffff;
  --color-border: #dfe4ec;
  --color-border-dark: #ccd9e8;
  --color-header: #0b1d3a; /* шапки таблиц */

  /* Производные поверхности (типографика, блоки, таблицы) */
  --color-surface-alt: #f5f7f9; /* фон заметок, секций паспорта, регионов */
  --color-surface-alt-2: #e8ecf0; /* фон заголовков в таблицах паспорта */
  --color-surface-zebra: #f8fafc; /* чередование строк в таблицах */
  --color-surface-legacy: #fafbfc; /* фон полей в legacy-документах */

  /* Производные границы */
  --color-border-light: #e1e6ec; /* мягкий бордер */
  --color-border-medium: #b0b8c4; /* усиленный бордер (заголовки таблиц) */
  --color-border-faint: #f0f2f5; /* еле заметный разделитель */
  --color-border-row: #e0e4e8; /* бордер строк таблиц паспорта */
  --color-border-chart: #d0d6de; /* бордер контейнера графика */

  /* Производные текста */
  --color-text-faint: #888888; /* сильно приглушённый текст */
  --color-text-label: #555555; /* подписи (между secondary и muted) */
  --color-text-disabled: #919191; /* отладочный/технический текст */

  /* Статусы: фоны уведомлений */
  --color-success-bg: #f0f8f0; /* фон alert-success */
  --color-success-hover: #006600; /* hover .btn-success */
  --color-danger-bg: #fdf0f0; /* фон alert-danger, clc-error-box */
  --color-warning-bg: #fdf8f0; /* фон alert-warning */
  --color-danger-bg-light: #fff8f8; /* фон settings-section--danger */

  /* Служебные фоны статусных блоков */
  --color-info-bg: #f1f5f9; /* фон информационных плашек (кейсы) */
  --color-success-bg-light: #f0fdf4; /* фон блока «зелёный отзыв» (кейсы) */

  /* Футер и логотип */
  --color-footer-bg: #0b1a2b; /* фон футера */
  --color-footer-text: #aab8c9; /* основной текст футера */
  --color-footer-text-muted: #7a8fa0; /* приглушённый текст футера */
  --color-footer-text-faint: #4a5f70; /* сильно приглушённый текст футера */
  --color-footer-text-copy: #5a6f80; /* копирайт */
  --color-logo-muted: #a3a3a3; /* приглушённая часть логотипа */
  --color-logo-accent: #3b9dff; /* акцентная часть логотипа */

  /* Оверлеи */
  --color-overlay: rgba(0, 0, 0, 0.4); /* затемнение под мобильным меню */

  /* Типографика */
  --font-sans: "Segoe UI", "Roboto", Arial, sans-serif;
  --font-mono: "Courier New", Consolas, monospace;
  --fs-xs: 12px;
  --fs-sm: 13px;
  --fs-base: 15px;
  --fs-lg: 17px;
  --fs-xl: 19px;
  --fs-2xl: 22px;
  --fs-3xl: 26px;

  /* Отступы */
  --sp-1: 4px;
  --sp-2: 8px;
  --sp-3: 12px;
  --sp-4: 16px;
  --sp-5: 24px;
  --sp-6: 32px;
  --sp-7: 48px;
  --sp-8: 64px;

  /* Прочее */
  --radius: 4px;
  --touch: 44px; /* тап-таргет: кнопки, инпуты, ссылки-кнопки */
  --pad-x: 16px; /* боковой отступ: мобайл — минимально, но удобно */
  --max-width: 1920px; /* широкий контейнер */
  --sidebar: 260px;
}

@media (min-width: 1024px) {
  :root {
    --pad-x: 48px;
  } /* десктоп — нормальные отступы */
}