/* ============================================================
   ТОКЕНЫ — единственный источник дизайн-решений.
   Инженерный пром-стиль: строгие цвета, моно-шрифт для техники,
   границы вместо теней, минимум радиуса.
   ============================================================ */
: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-text-faint: #888888;
  --color-text-label: #555555;

  /* Поверхности */
  --color-bg: #eef1f5;
  --color-surface: #ffffff;
  --color-surface-alt: #f5f7f9;
  --color-surface-alt-2: #e8ecf0;
  --color-surface-zebra: #f8fafc;

  /* Границы */
  --color-border: #dfe4ec;
  --color-border-dark: #ccd9e8;
  --color-border-light: #e1e6ec;
  --color-border-medium: #b0b8c4;
  --color-border-faint: #f0f2f5;

  /* Шапки таблиц */
  --color-header: #0b1d3a;

  /* Статусные фоны */
  --color-success-bg: #f0f8f0;
  --color-danger-bg: #fdf0f0;
  --color-warning-bg: #fdf8f0;

  /* Типы нормативов */
  --color-type-fz: #b91c1c;
  --color-type-ppr: #b45309;
  --color-type-sp: #004d99;
  --color-type-prikaz: #6b21a8;
  --color-type-gost: #1a7d3a;
  --color-type-sanpin: #0e7490;

  /* Футер */
  --color-footer-bg: #0b1a2b;
  --color-footer-text: #aab8c9;
  --color-footer-text-muted: #7a8fa0;
  --color-footer-text-faint: #4a5f70;
  --color-footer-text-copy: #5a6f80;

  /* Оверлей */
  --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;

  /* Прочее */
  --radius: 4px;
  --touch: 44px;
  --pad-x: 16px;
  --max-width: 1920px;
  --sidebar: 260px;
}

@media (min-width: 1024px) {
  :root {
    --pad-x: 48px;
  }
}