/* Variables */
:root {
  --base-font-roboto: "Roboto", Helvetica, Arial, sans-serif;
  --base-font-golos-text: "Golos Text", Helvetica, Arial, sans-serif;
  --base-font-proxima-nova: "Proxima Nova", Helvetica, Arial, sans-serif;
  --base-font-helvetica-neue: "Helvetica Neue", Helvetica, Arial, sans-serif;
  --base-font-sitka-small: "Sitka Small", "Times New Roman", serif;
  --base-font-avenir-next-cyr: "Avenir Next Cyr", Helvetica, Arial, sans-serif;
  --base-font-beau-sans-pro: "Beau Sans Pro", Helvetica, Arial, sans-serif;
  --base-font-clear-sans: "Clear Sans", Helvetica, Arial, sans-serif;
  --base-font-din-pro: "DIN Pro", Helvetica, Arial, sans-serif;
  --base-font-exo: "Exo", Helvetica, Arial, sans-serif;
  --base-font-lato: "Lato", Helvetica, Arial, sans-serif;
  --base-font-liberation-serif: "Liberation Serif", "Times New Roman", serif;
  --base-font-museo-sans: "Museo Sans", Helvetica, Arial, sans-serif;
  --base-font-neusa-next-pro: "Neusa Next Pro", Helvetica, Arial, sans-serif;
  --base-font-spectral: "Spectral", "Times New Roman", serif;
  --base-font-ubuntu: "Ubuntu", Helvetica, Arial, sans-serif;

  --dark-color: #2b2b2b;
  --main-color: #3b3b3b;
  --secondary-color: #7b7b7b;
  --light-color: #c8c8c8;
  --error-color: #ff0000;
  --white-color: #ffffff;

  --accent-color: #507aab;

  --main-bg: var(--white-color);
  --grey-bg: #ededed;
  --light-grey-bg: #f5f5f5;

  --btn-primary-bg: var(--secondary-color);
  --btn-primary-color: var(--white-color);

  --btn-secondary-bg: var(--grey-bg);
  --btn-secondary-color: var(--main-color);

  --btn-outline-border: var(--secondary-color);
  --btn-outline-color: var(--main-color);

  --line-color: #d8d8d8;
  --border-color: var(--grey-bg);

  --input-border-color: var(--light-color);
  --input-border-focus-color: var(--secondary-color);

  --block-space: 56px;
  --block-space-lg: 90px;

  --content-top-space: 24px;

  --gutter-x: 20px;
  --gutter-y: 20px;

  --box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.15);
}

@media (max-width: 767.98px) {
  :root {
    --block-space: 40px;
    --block-space-lg: 40px;
  }
}
/* ! Variables */