/**
 * site.css — CSS-переменные сайта РосПромОборудование.
 * Палитра акцента — «Вариант 1: пыльный синий», выбран 2026-07-08 на style-guide.html
 * (сравнение трёх спокойных вариантов вместо красного из брифа дизайнера).
 * Логотип (красная палка в марке) НЕ перекрашен — отдельный акцент-знак, так и задумано.
 */

:root {

  /* ── ЦВЕТА ─────────────────────────────────────────────────────── */

  /* Акцентный — «пыльный синий», live-выбор на style-guide.html.
     Hover заметно темнее базового (не просто на пару % — контраст должен читаться сразу). */
  --c-accent:        #5B7C99;
  --c-accent-hover:  #3A5068;
  --c-accent-light:  #E8EEF2;

  /* Тёмный — из брифа */
  --c-dark:          #20252b;
  --c-dark-2:        #2b323a;

  /* Дополнительный (ссылки в тексте). Раньше был отдельным «спокойным синим на фоне
     красного акцента» — теперь акцент сам синий, поэтому teal = accent, чтобы не
     плодить два похожих синих без разницы в смысле. */
  --c-teal:          #5B7C99;

  /* Нейтральные — из брифа (muted #6b737c, line #e4e7eb, soft #f5f6f8) */
  --c-bg:            #ffffff;
  --c-bg-light:      #f5f6f8;
  --c-bg-dark:       #20252b;

  --c-text:          #20252b;
  --c-text-muted:    #6b737c;
  --c-text-light:    #9aa0a6;
  --c-text-invert:   #ffffff;

  --c-border:        #e4e7eb;
  --c-border-light:  #f0f1f2;

  /* ── ТИПОГРАФИКА ───────────────────────────────────────────────── */

  --font:            "PT Sans", Arial, sans-serif;
  /* <link href="https://fonts.googleapis.com/css2?family=PT+Sans:wght@400;700&display=swap" rel="stylesheet"> */

  --fz-xs:    12px;
  --fz-sm:    14px;
  --fz-base:  16px;
  --fz-lg:    18px;
  --fz-xl:    22px;
  --fz-2xl:   28px;
  --fz-3xl:   38px;
  --fz-4xl:   52px;

  --fw-normal: 400;
  --fw-bold:   700;

  --lh:        1.6;
  --lh-tight:  1.3;

  /* ── ОТСТУПЫ ───────────────────────────────────────────────────── */

  --sp-xs:   8px;
  --sp-sm:   16px;
  --sp-md:   24px;
  --sp-lg:   40px;
  --sp-xl:   64px;
  --sp-2xl:  96px;

  /* ── СЕТКА ─────────────────────────────────────────────────────── */

  --container-w:  1520px;
  --container-px: 24px;

  /* ── UI-ЭЛЕМЕНТЫ ───────────────────────────────────────────────── */

  --radius-sm:  3px;
  --radius:     4px;
  --radius-lg:  8px;

  --shadow-sm:  0 1px 3px rgba(0,0,0,0.06);
  --shadow:     0 2px 8px rgba(0,0,0,0.10);
  --shadow-lg:  0 8px 32px rgba(0,0,0,0.16);

  --transition: 0.18s ease;

  /* ── ШАПКА ─────────────────────────────────────────────────────── */

  --header-h:       64px;
  --header-bg:      #ffffff;
  --header-shadow:  0 2px 8px rgba(0,0,0,0.12);

  /* ── ПОДВАЛ ─────────────────────────────────────────────────────── */

  --footer-bg:      #f6f7f8;
  --footer-bottom:  #eeeeee;
  --footer-border:  #e6e8eb;
  --footer-accent:  var(--c-accent);
}