:root {
  --c-white: #ffffff;
  --c-bg: #ffffff;
  --c-text: #303030;
  --c-text-2: #202020;
  --c-muted: #8c8c8c;
  --c-muted-2: #ababab;
  --c-line: #ececec;
  --c-soft: #f8f8f8;
  --c-soft-2: #f9f9f9;
  --c-accent: #99c286;
  --c-accent-2: #9ac387;
  --c-accent-light: #abd096;
  --c-accent-dark: #88a879;
  --c-accent-hover: #88ad77;
  --c-gold: #e6c68f;
  --c-gold-2: #f7cb6c;
  --c-yclients: #e07a70;
  --c-overlay: rgba(0, 0, 0, 0.45);
  --c-watermark: rgba(0, 0, 0, 0.02);

  /* Body: Montserrat (SIL OFL) — геометрический аналог Gilroy. Не Ubuntu Sans: он гуманистический и дальше по метрике. */
  --font-body: "Montserrat", "Helvetica Neue", Arial, sans-serif;
  --font-display: "Libre Bodoni", Georgia, serif;
  --font-display-thin: "Libre Bodoni", Georgia, serif;
  --font-script: "Great Vibes", cursive;
  --font-icon: "Font Awesome 5 Pro";

  --fs-body: 16px;
  --lh-body: 23px;
  --fs-h1: 65px;
  --lh-h1: 80px;
  --fs-h2: 50px;
  --lh-h2: 62px;
  --fs-script: 29px;
  --fs-btn: 14px;

  --container: 1170px;
  --gutter: 15px;
  --header-h: 110px;
  --banner-h: 800px;
  --radius-btn: 18px;
  --radius-card: 25px;
  --shadow-btn: 0 10px 30px 0 rgba(136, 168, 121, 0.43);
  --transition: 0.3s ease;
  --transition-menu: 0.4s ease-in-out;
}

@font-face {
  font-family: "Font Awesome 5 Pro";
  src: url("../fonts/fa/fa-light-300.woff2") format("woff2"),
       url("../fonts/fa/fa-light-300.woff") format("woff");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Font Awesome 5 Pro";
  src: url("../fonts/fa/fa-regular-400.woff2") format("woff2"),
       url("../fonts/fa/fa-regular-400.woff") format("woff");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Font Awesome 5 Pro";
  src: url("../fonts/fa/fa-solid-900.woff2") format("woff2"),
       url("../fonts/fa/fa-solid-900.woff") format("woff");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Font Awesome 5 Brands";
  src: url("../fonts/fa/fa-brands-400.woff2") format("woff2"),
       url("../fonts/fa/fa-brands-400.woff") format("woff");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}