/* ===== Дизайн-токены v2 — общие для всех региональных сайтов =====
   Рабочая палитра в гамме КАМАЗ. Значения ПРЕДВАРИТЕЛЬНЫЕ: при получении брендбука заменить
   только примитивы (--blue-*, --navy-*), семантические токены менять не нужно. */
:root {
  /* — Примитивы — */
  --blue-050: #f2f7fd;
  --blue-100: #e3eefa;
  --blue-200: #bdd5f0;
  --blue-300: #8fb7e3;
  --blue-500: #0b5cad;   /* корпоративный синий (рабочее значение) */
  --blue-600: #094d91;
  --blue-700: #073d74;
  --navy-950: #061528;
  --navy-900: #081c35;
  --navy-800: #0a2240;   /* тёмно-синий */
  --navy-700: #0e2d52;
  --navy-600: #163a66;
  --gray-000: #ffffff;
  --gray-050: #f5f7fa;
  --gray-100: #eef2f6;
  --gray-200: #dde3ea;
  --gray-300: #c6cfd9;
  --gray-500: #5a6672;
  --gray-700: #2c343d;   /* графит */
  --gray-900: #1b232c;
  --red-600: #c8102e;    /* ограниченный акцент: ошибки, обязательные поля */
  --green-600: #17784a;

  /* — Семантика — */
  --c-blue: var(--blue-500);
  --c-blue-hover: var(--blue-600);
  --c-blue-tint: var(--blue-100);
  --c-blue-line: var(--blue-300);
  --c-navy: var(--navy-800);
  --c-navy-2: var(--navy-700);
  --c-navy-3: var(--navy-600);
  --c-ink: var(--gray-900);
  --c-graphite: var(--gray-700);
  --c-muted: var(--gray-500);
  --c-line: var(--gray-200);
  --c-line-strong: var(--gray-300);
  --c-steel: var(--gray-100);
  --c-surface: var(--gray-000);
  --c-surface-alt: var(--gray-050);
  --c-white: #fff;
  --c-red: var(--red-600);
  --c-ok: var(--green-600);
  --c-focus: var(--blue-500);

  /* — Типографика — */
  --f-display: "Bahnschrift", "DIN Pro", "DIN Next LT Pro", "Roboto Condensed", "Arial Narrow", sans-serif;
  --f-body: "Segoe UI", "Roboto", "Helvetica Neue", Arial, sans-serif;
  --fs-xs: .8125rem;
  --fs-sm: .9375rem;
  --fs-base: 1.0625rem;
  --fs-md: 1.25rem;
  --fs-lg: 1.5rem;
  --fs-xl: clamp(1.75rem, 1.25rem + 1.6vw, 2.5rem);
  --fs-2xl: clamp(2.1rem, 1.3rem + 3vw, 3.75rem);

  /* — Ритм — */
  --sp-1: .25rem; --sp-2: .5rem; --sp-3: .75rem; --sp-4: 1rem; --sp-5: 1.5rem; --sp-6: 2rem; --sp-7: 3rem; --sp-8: 4.5rem; --sp-9: 6rem;
  --section: clamp(3.5rem, 2rem + 5vw, 6rem);

  /* — Форма — */
  --r-xs: 4px; --r-sm: 6px; --r: 10px; --r-lg: 16px; --r-xl: 22px;
  --sh-1: 0 1px 2px rgba(10, 34, 64, .06), 0 1px 1px rgba(10, 34, 64, .04);
  --sh-2: 0 10px 30px -12px rgba(10, 34, 64, .22);
  --sh-pop: 0 24px 60px -16px rgba(10, 34, 64, .4);

  /* — Иконки — */
  --ic-ui: 20px;
  --tile: 52px;

  /* — Каркас — */
  --wrap: 1280px;
  --gutter: clamp(16px, 4vw, 40px);
  --header-h: 72px;
  --tap: 44px;
  --ease: cubic-bezier(.2, .7, .2, 1);
}