:root {
  font-family: Inter, sans-serif;

  --etude-gray-1: #E5E7E8;
  --etude-gray-2: #CBCFD1;
  --etude-gray-3: #B0B6BA;
  --etude-gray-4: #969EA3;
  --etude-gray-5: #7C868C;
  --etude-gray-6: #636B70;
  --etude-gray-7: #4A5054;
  --etude-gray-8: #323638;
  --etude-gray-9: #191B1C;

  --etude-light-blue-1: #F5F9FB;
  --etude-light-blue-2: #EBF2F6;
  --etude-light-blue-3: #E2ECF2;
  --etude-light-blue-4: #D8E5ED;
  --etude-light-blue-5: #CEDFE9;
  --etude-light-blue-6: #A5B2BA;
  --etude-light-blue-7: #7C868C;
  --etude-light-blue-8: #52595D;
  --etude-light-blue-9: #292D2F;

  --etude-blue-1: #CEDFE9;
  --etude-blue-2: #9CC0D3;
  --etude-blue-3: #6BA0BE;
  --etude-blue-4: #3981A8;
  --etude-blue-5: #086192;
  --etude-blue-6: #064E75;
  --etude-blue-7: #053A58;
  --etude-blue-8: #03273A;
  --etude-blue-9: #02131D;

}


/*
  Кнопки primary
*/
.btn-etude-primary{
  color: white;
  background-color: var(--etude-blue-5);
}

.btn-etude-primary:hover{
  color: white;
  background-color: var(--etude-blue-6);
}

.btn-etude-primary:active{
  color: white;
  background-color: var(--etude-blue-7);
}


/*
  Кнопки primary
*/
.btn-etude-outline-primary{
  color: var(--etude-blue-5);
  background-color: white;
  border-color: var(--etude-blue-5);
}

.btn-etude-outline-primary:hover{
  color: white;
  background-color: var(--etude-blue-6);
}

.btn-etude-outline-primary:active{
  color: white;
  background-color: var(--etude-blue-7);
}


/*
  Кнопки secondary
*/
.btn-etude-secondary{
  color: var(--etude-gray-8);
  background-color: white;
  border-color: var(--etude-gray-5);
}

.btn-etude-secondary:hover{
  color: var(--etude-blue-9);
  background-color: var(--etude-gray-1);
  border-color: var(--etude-gray-5);
}

.btn-etude-secondary:active{
  color: var(--etude-blue-9);
  background-color: var(--etude-gray-2);
  border-color: var(--etude-gray-5);
}

.invisible-bg{
  background-color: rgba(255, 255, 255, 0);
}

/*
  Кнопки ghost
*/
.btn-etude-ghost{
  color: var(--etude-gray-8);
  background-color: rgba(0,0,0,0);
  border: none;
}

.btn-etude-ghost:hover{
  color: var(--etude-blue-9);
  background-color: rgba(0,0,0,0);
  border-color: var(--etude-gray-5);
  border: none;
}

.btn-etude-ghost:active{
  color: var(--etude-blue-9);
  background-color: rgba(0,0,0,0);
  border-color: var(--etude-gray-5);
  border: none;
}



/*
  Текст
*/
h1{
  font-weight: 700;
  line-height: 65px;
  color: var(--etude-blue-9);
}

h2{
  font-weight: 700;
  line-height: 48px;
  color: var(--etude-blue-9);
}

h3{
  font-weight: 700;
  line-height: 30px;

  color: var(--etude-blue-9);
}

h4{
  color: var(--etude-gray-6);
}

p{
  color: var(--etude-light-blue-8);
  font-weight: 400;
  line-height: 20px;
}

ul{
  color: var(--etude-light-blue-8);
  padding-left: 24px;
}

::-webkit-scrollbar {
    width: 10px;
}

::-webkit-scrollbar-track {
    background-color: white;
}

::-webkit-scrollbar-thumb {
    background-color: var(--etude-gray-2);
  border-radius: 10px;
}

.copyright-text{
  color: var(--etude-gray-4);
  transition: 1s;
}