:root {
  /* Цвета */
  --color-text-white: rgba(255, 255, 255, 1);
  --color-text-grey: rgba(57, 58, 67, 1);
  --color-text-lightgrey: rgba(148, 173, 151, 1);  
  --background-color-white: rgba(255, 255, 255, 1);
  --background-block-grey: rgba(148, 173, 151, 1);
  --background-block-orange: rgba(217, 168, 65, 1);
  --color-accent-grey: rgba(148, 173, 151, 1);
  --color-accent-yellow: rgba(217, 168, 65, 1);
  --color-brown-light: rgba(192, 144, 43, 1);


  /*Кнопки*/
  --button-width: clamp(300px, 10vw, 200px);
  --button-height: 50px;

  --border-radius: 30px;

  --gradient-button-orange: linear-gradient(180deg, rgba(255, 232, 121, 1), rgba(192, 144, 43, 1));
  --gradient-button-grey: linear-gradient(180deg, rgba(168, 193, 171, 1), rgba(118, 143, 121, 1));
  --accent-button-grey: rgba(148, 173, 151, 1);

  --shadow-button: 6px 6px 10px 0 rgba(0, 0, 0, 0.06);



  /* Шрифты */
  --font-main: 'FiraGo', sans-serif;
  --font-accent: 'Pacifico', sans-serif;

  /* Размеры */
  --font-size-subtitle: clamp(25px, 4vw, 37px);
  --font-size-description: clamp(14px, 1vw, 24px);


  /* Заголовки */
  --h2-first-word-size: 40px;
  --h2-first-word-color: rgba(148, 173, 151, 1);
  --h2-second-word-size: 40px;
  --h2-second-word-color:  rgba(57, 58, 67, 1);

  /* Градиенты */
  --gradient-yellow: linear-gradient(90deg, var(--color-accent-yellow) 0%, var(--color-brown-light) 100%);

  /* Отступы */
  --spacing-small: 10px;
  --spacing-medium: 15px;
  --spacing-large: 20px;

  /* Z-index */
  --z-media: 1;
}


body {
  margin: 0;
  padding: 0;
}