/* ============================================================
   site-overrides.css — эко-урбанистика.рф ТОЛЬКО
   Renew-эстетика (renewlandscapes.com) поверх общего DS.
   Не создаёт новых классов — переопределяет существующие DS-токены
   и существующие селекторы (h1/h2/.hero__bg/.card img и т.п.).
   Подключается ПОСЛЕДНИМ в <head>, после service-light.css / assets/styles.css.
   ============================================================ */

@import url('https://fonts.googleapis.com/css2?family=Spectral:wght@300;400;500&display=swap');

:root {
  --brand-paper:        #EDEAE0;
  --brand-paper-soft:   #E4E0D3;
  --brand-ink:          #23261F;
  --brand-line:         #D2CDBC;
  --brand-accent:       #5C7040;   /* шалфейный тёмный — CTA/ссылки */
  --brand-accent-hover: #47582F;
  --brand-leaf:         #7D9558;   /* шалфейный светлый — эйбрау/штрихи */
}

/* --- serif-дисплей на заголовках, Onest остаётся на теле/навигации --- */
h1, h2, h3,
.hero--photo .hero__title,
.section-h2 {
  font-family: 'Spectral', Georgia, 'Times New Roman', serif;
  font-weight: 400;
  letter-spacing: .005em;
}

.eyebrow,
.hero--photo .hero__eyebrow {
  letter-spacing: .2em;
}

/* --- дуотон на фото/видео (grayscale + тёплый шалфейный оттенок) --- */
.hero__bg,
.hero video,
.card img,
.service-img,
img.work-img {
  filter: grayscale(.9) sepia(.12) hue-rotate(50deg) saturate(1.3) contrast(1.03);
}

.hero__veil {
  background: linear-gradient(180deg, rgba(92,112,64,.32) 0%, rgba(26,26,24,.72) 100%);
}

/* --- кнопки/ссылки в тон --- */
.btn-primary,
.hero__cta .btn-primary { background: var(--brand-accent); }
.btn-primary:hover { background: var(--brand-accent-hover); }
