$main-font-family: “BentonSans”, “Helvetica Neue”, Helvetica, Arial, Geneva, sans-serif;

$main-background-color: #7462ad;

$main-text-color: white;

$link-color: darken($main-text-color, 10%);

$link-color-hover: lighten($link-color, 50%);

$button-color: orange;

body{

background-color: $main-background-color;
color: $main-text-color;
font-family: $main-font-family;

}

a{

color: $link-color;
text-decoration: none;
&:hover{
  color: $link-color-hover;
}

}

.btn{

border: none;
border-radius: 6px;
min-height: 25px;
min-width: 80px;
color: $main-text-color;
padding: 6px 10px 6px 10px;

} .btn-regular{

background-color: $button-color;
&:hover{
  background-color: lighten($button-color, 20%);
}

} .btn-failure{

background-color: red;
&:hover{
  background-color: lighten(red, 20%);
}

} .btn-success{

background-color: green;
&:hover{
  background-color: lighten(green, 20%);
}

}