/*
==============================
Variables
==============================
*/

:root {
  --yellow: #FBAE00;
  --darkGrey: #242527;
  --grey: #f7f7f7;
  --black: #171717;
  --white: #fff;
}


/*
==============================
Colors
==============================
*/

.color-pr-blue {
  color: #0072f0;
}
.color-yellow {
  color: #FBAE00;
}
.color-sec-orange {
  color: #ff6542;
}
.color-sec-red {
  color: #fc2f00;
}
.color-sec-green {
  color: #0cca4a;
}
.color-sec-cyan {
  color: #1be7ff;
}
.color-sec-purple {
  color: #23f0c7;
}
.color-ter-violet {
  color: #3d315b;
}
.color-black {
  color: #171717;
}
.color-white {
  color: #fff;
}
.color-black-50 {
  color: #808a93;
}
.color-black-25 {
  color: #bfc5c9;
}
.color-black-12 {
  color: rgba(1, 22, 39, 0.12);
}
.color-grey {
  color: #f7f7f7;
}
.color-blue-5 {
  color: #f2f8fe;
}
.color-yellow-10 {
  color: #fff9ee;
}
.color-error-red {
  color: rgb(229, 85, 85);
}
.color-active-green {
  color: #97db4f;
}


/*
==============================
Background Colors
==============================
*/

.bg-white {
  background-color: #fff;
}
.bg-transp-white {
  background-color: rgba(255,255,255,0.15);
}
.bg-yellow {
  background-color: #FBAE00;
}
.bg-black {
  background-color: #171717;
}
.bg-black-50 {
  background-color: #808a93;
}
.bg-black-25 {
  background-color: #bfc5c9;
}
.bg-black-12 {
  background-color: rgba(1, 22, 39, 0.12);
}
.bg-grey {
  background-color: #f7f7f7;
}
.bg-dark-grey {
  background-color: var(--darkGrey);
}

/*
==============================
Border Colors
==============================
*/

.border-white {
  border-color: #fff;
}
.border-pr-blue {
  border-color: #0072f0;
}
.border-yellow {
  border-color: var(--yellow);
}
.border-black {
  border-color: #011627;
}
.border-black-50 {
  border-color: #808a93;
}
.border-black-25 {
  border-color: #bfc5c9;
}
.border-black-12 {
  border-color: rgba(1, 22, 39, 0.12);
}
.border-grey {
  border-color: #f7f7f7;
}
.border-blue-5 {
  border-color: #f2f8fe;
}
.border-yellow-10 {
  border-color: #fff9ee;
}
.border-error-red {
  border-color: #fc2f00;
}
.border-active-green {
  border-color: #97db4f;
}
