/* Оформление сайта 2: раскладка и анимации берутся из static/site-1/site.css,
   здесь только цвета хаки и камуфляжные вставки (узор static/site-2/camo.svg). */
:root {
  --khaki: #4B5320;
  --khaki-light: #7C8A2E;   /* черта под заголовками */
  --accent: var(--khaki);
  --heading: #2F3618;
  --header-bg: #2F3618;
  --bg: #F4F4EE;
  --bg-alt: #E8E8DC;
  --text: #22261A;
  --link: #4A5A12;
  --muted: #50533F;
  --border: #D2D2C2;
  --camo-shade: rgba(31, 36, 16, .7);    /* затемнение поверх узора, чтобы белый текст читался */
}

@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    --khaki: #66712F;
    --khaki-light: #9AAA45;
    --heading: #EEF0E2;
    --header-bg: #1C2110;
    --bg: #10120B;
    --bg-alt: #161A0F;
    --card: #1C2113;
    --text: #E6E8DA;
    --link: #C8D48A;
    --muted: #AEB09C;
    --border: #343B24;
    --input-bg: #141709;
    --sticky-bg: rgba(16, 18, 11, .96);
    --camo-shade: rgba(16, 19, 8, .8);
  }
}
:root[data-theme="dark"] {
  --khaki: #66712F;
  --khaki-light: #9AAA45;
  --heading: #EEF0E2;
  --header-bg: #1C2110;
  --bg: #10120B;
  --bg-alt: #161A0F;
  --card: #1C2113;
  --text: #E6E8DA;
  --link: #C8D48A;
  --muted: #AEB09C;
  --border: #343B24;
  --input-bg: #141709;
  --sticky-bg: rgba(16, 18, 11, .96);
  --camo-shade: rgba(16, 19, 8, .8);
}

/* Затемнение на фото: оливковое вместо синего */
.hero-photo::after { background: linear-gradient(to right, rgba(36, 42, 18, .92), rgba(36, 42, 18, .55)); }
.photo-band::after { background: linear-gradient(to top, rgba(36, 42, 18, .92), rgba(36, 42, 18, .35) 60%, rgba(36, 42, 18, .1)); }
/* Кадр «Сопровождаем» на сайте 2: люди в центре, а не справа, как на сайте 1 */
.photo-band-sopr img { object-position: 45% 40%; }

/* Черта под заголовками разделов и пунктами меню — хаки */
.section-title { background-image: linear-gradient(var(--khaki-light), var(--khaki-light)); }
@media (hover: hover) and (pointer: fine) {
  .main-nav a::after { background: var(--khaki-light); }
}

/* ---------- Камуфляжные вставки ---------- */
/* Тёмные разделы («Подберём службу», призыв в конце) и подвал — на камуфляже с затемнением */
.section-dark,
.site-footer {
  background: linear-gradient(var(--camo-shade), var(--camo-shade)), url("camo.svg") 0 0 / 240px 240px;
}
.site-footer { --camo-shade: rgba(24, 28, 12, .82); }

/* Полоса камуфляжа по нижнему краю шапки */
.site-header::after {
  content: "";
  display: block;
  height: 6px;
  background: url("camo.svg") 0 0 / 120px 120px;
}