@import url('../components/preloader/preloader.css'); /* Preloader */
@import url('../components/buttons/buttons.css'); /* Buttons  */
@import url('../components/footer/footer.css'); /* Footer */
@import url('../components/header/header.css'); /* Header */
@import url('../components/newForm/newForm.css');


/********************** Global Styles *************************/
:root {
  --color-white: white;
  --color-black: black;
  --color-grey: #808080;
  --color-blue: #242fff;
  --color-orange-50: #fff7ec;
  --color-orange-300: #ffbc6d;
  --color-orange-600: #fe5b00;
}

/* 1. Reset Browser Defaults */
* {
  box-sizing: border-box;
}

*,
*::before,
*::after {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

.body {
  background-color: var(--color-white);
}

.body.body_stop-scrolling {
  height: 100vh;
  overflow: hidden;
}

.main-wrapper {
  z-index: 0;
  opacity: 1;
}

.main-wrapper.main-wrapper_hidden {
  opacity: 0;
}

/*********************** SCROLLBAR ****************************/
::-webkit-scrollbar {
  width: 10px; /* Ширина скроллбара */
}

::-webkit-scrollbar-track {
  background-color: var(--color-white); /* Цвет фона трека скроллбара */
}

::-webkit-scrollbar-thumb {
  background-color: var(--color-orange-600); /* Цвет ползунка скроллбара */
  border-radius: 6px; /* Скругление углов ползунка */
}

::-webkit-scrollbar-thumb:hover {
  background-color: var(--color-orange-300); /* Цвет ползунка при ховере */
}

/* Альтернативные стили для Firefox и других браузеров */
html {
  scrollbar-width: thin;
  scrollbar-color: #fe5b00 white;
}

body {
  scrollbar-width: thin;
  scrollbar-color: #fe5b00 white;
}