/* ROOT SPECIFIES */

@font-face {
  font-family: "Plain";
  src: url("/fonts/Plain/Plain-Regular.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: "Plain";
  src: url("/fonts/Plain/Plain-Medium.woff2") format("woff2");
  font-weight: 500;
  font-style: normal;
}

@font-face {
  font-family: "Plain";
  src: url("/fonts/Plain/Plain-Bold.woff2") format("woff2");
  font-weight: 700;
  font-style: normal;
}

@font-face {
  font-family: "Plain";
  src: url("/fonts/Plain/Plain-Black.woff2") format("woff2");
  font-weight: 900;
  font-style: normal;
}

:root {
  --font-family-heading: "Plain", "Inter", sans-serif;
  --font-family-body: "Switzer", "Inter", sans-serif;
  --color-black: #001419;
  --color-black-90: #002833;
  --color-white: #fff;
  --color-white-90: #ebeffe;
  --color-green: #116b6f;
  --color-green-40: #d0e1e1;
  --color-blue: #2f53f9;
  --color-emerald: #00bb70;
  --color-violet: #5674fa;
  --color-violet-80: #8399fb;
  --color-red: #fd4802;
  --color-grey-5: #e1e1e1;
  --color-grey-6: #cccccc;
  --color-grey-7: #999999;
  --color-grey-8: #666666;
  --color-grey-9: #333333;
  --color-grey-10: #1a1a1a;
}

/* TEXT */

.text-heading {
  font-family: var(--font-family-heading) !important;
}

.text-body {
  font-family: var(--font-family-body) !important;
}

.text-black {
  color: var(--color-black);
}
.text-black-90 {
  color: var(--color-black-90);
}
.text-white {
  color: var(--color-white);
}
.text-green {
  color: var(--color-green);
}
.text-green-40 {
  color: var(--color-green-40);
}
.text-blue {
  color: var(--color-blue);
}
.text-emerald {
  color: var(--color-emerald);
}
.text-violet {
  color: var(--color-violet);
}
.text-violet-80 {
  color: var(--color-violet-80);
}
.text-red {
  color: var(--color-red);
}
.text-grey-5 {
  color: var(--color-grey-5);
}
.text-grey-6 {
  color: var(--color-grey-6);
}
.text-grey-7 {
  color: var(--color-grey-7);
}
.text-grey-8 {
  color: var(--color-grey-8);
}
.text-grey-9 {
  color: var(--color-grey-9);
}
.text-grey-10 {
  color: var(--color-grey-10);
}

.text-white-90 {
  color: var(--color-white-90);
}

/* BACKGROUND */

.bg-black {
  background-color: var(--color-black);
}

.bg-cards {
  background-color: #e9f1f1;
}

.bg-black-90 {
  background-color: var(--color-black-90);
}
.bg-white {
  background-color: var(--color-white);
}
.bg-green {
  background-color: var(--color-green);
}
.bg-green-40 {
  background-color: var(--color-green-40);
}
.bg-blue {
  background-color: var(--color-blue);
}
.bg-emerald {
  background-color: var(--color-emerald);
}
.bg-violet {
  background-color: var(--color-violet);
}
.bg-violet-80 {
  background-color: var(--color-violet-80);
}
.bg-red {
  background-color: var(--color-red);
}
.bg-grey-6 {
  background-color: var(--color-grey-6);
}
.bg-grey-7 {
  background-color: var(--color-grey-7);
}
.bg-grey-8 {
  background-color: var(--color-grey-8);
}
.bg-grey-9 {
  background-color: var(--color-grey-9);
}
.bg-grey-10 {
  background-color: var(--color-grey-10);
}

/* BORDER COLOR */

.border-black {
  border-color: var(--color-black);
}
.border-black-90 {
  border-color: var(--color-black-90);
}
.border-white {
  border-color: var(--color-white);
}
.border-green {
  border-color: var(--color-green);
}
.border-green-40 {
  border-color: var(--color-green-40);
}
.border-blue {
  border-color: var(--color-blue);
}
.border-emerald {
  border-color: var(--color-emerald);
}
.border-violet {
  border-color: var(--color-violet);
}
.border-violet-80 {
  border-color: var(--color-violet-80);
}
.border-red {
  border-color: var(--color-red);
}
.border-grey-6 {
  border-color: var(--color-grey-6);
}
.border-grey-7 {
  border-color: var(--color-grey-7);
}
.border-grey-8 {
  border-color: var(--color-grey-8);
}
.border-grey-9 {
  border-color: var(--color-grey-9);
}
.border-grey-10 {
  border-color: var(--color-grey-10);
}

/* WEIGHTS */

.text-bold {
  font-weight: 600;
}

.text-20 {
  font-size: 20px;
}

body {
  overflow-x: hidden;
}

.bg-orange {
  background-color: #fe9267;
}

.bg-light-green {
  background-color: #00fa96;
}

.bg-aqua {
  background-color: #4dd8ff;
}

.bg-lime {
  background-color: #c1fb83;
}