:root {
  /* Unifor */
  --Gelo: #e4f2fe;
  --Azul-claro: #87b7fe;
  --Anil: #004aff;
  --Marinho: #132190;
  /* Neutral */
  --color-neutral-050: #f6f7f9;
  --color-neutral-100: #ebedf3;
  --color-neutral-200: #d3d7e4;
  --color-neutral-300: #acb4cd;
  --color-neutral-400: #7f8db1;
  --color-neutral-500: #5f6e98;
  --color-neutral-600: #4b587e;
  --color-neutral-700: #3e4766;
  --color-neutral-800: #363e56;
  --color-neutral-900: #30354a;
  --color-neutral-950: #151720;
  /* Blue */
  --color-blue-050: #e9f2ff;
  --color-blue-100: #d6e8ff;
  --color-blue-200: #b6d3ff;
  --color-blue-300: #8ab3ff;
  --color-blue-400: #5c86ff;
  --color-blue-500: #375aff;
  --color-blue-600: #1529ff;
  --color-blue-700: #0b1cf7;
  --color-blue-800: #0d1dc6;
  --color-blue-900: #132190;
  --color-blue-950: #0c135a;
  /* Turquoise */
  --color-turquoise-050: #f0fdfa;
  --color-turquoise-100: #cdfaf1;
  --color-turquoise-200: #9af5e2;
  --color-turquoise-300: #60e8d2;
  --color-turquoise-400: #36d3be;
  --color-turquoise-500: #16b6a3;
  --color-turquoise-600: #0f9285;
  --color-turquoise-700: #11746c;
  --color-turquoise-800: #125d57;
  --color-turquoise-900: #144d49;
  --color-turquoise-950: #052e2d;
  /* Red */
  --color-red-050: #fef2f2;
  --color-red-100: #fee2e2;
  --color-red-200: #fecaca;
  --color-red-300: #fda4a4;
  --color-red-400: #f97070;
  --color-red-500: #f04343;
  --color-red-600: #dd2525;
  --color-red-700: #ba1b1b;
  --color-red-800: #9a1a1a;
  --color-red-900: #801c1c;
  --color-red-950: #450a0a;
  /* Yellow */
  --color-yellow-050: #fffbeb;
  --color-yellow-100: #fef3c7;
  --color-yellow-200: #fde68a;
  --color-yellow-300: #fcd34d;
  --color-yellow-400: #fbbf24;
  --color-yellow-500: #f59e0b;
  --color-yellow-600: #d97706;
  --color-yellow-700: #b45309;
  --color-yellow-800: #92400e;
  --color-yellow-900: #78350f;
  --color-yellow-950: #451a03;
  /* Purple */
  --color-purple-050: #f6f4fe;
  --color-purple-100: #eeebfc;
  --color-purple-200: #dfd9fb;
  --color-purple-300: #c7bbf7;
  --color-purple-400: #ab95f0;
  --color-purple-500: #8b64e8;
  --color-purple-600: #7f49de;
  --color-purple-700: #6f37ca;
  --color-purple-800: #5d2ea9;
  --color-purple-900: #4d278b;
  --color-purple-950: #2f175e;
  /* Gradients */
  --Midnight: linear-gradient(90deg, #1529ff 0%, #151720 100%);
  --Ash: linear-gradient(90deg, #a6abc5 0%, #151720 100%);
  --Smoke: linear-gradient(180deg,
      rgba(0, 0, 0, 0) 0%,
      rgba(0, 0, 0, 0.8) 100%);
}

:root.dark-theme {
  /* Unifor */
  --Gelo: #e4f2fe;
  --Azul-claro: #87b7fe;
  --Anil: #004aff;
  --Marinho: #132190;
  /* Neutral */
  --color-neutral-050: #151720;
  --color-neutral-100: #30354a;
  --color-neutral-200: #363e56;
  --color-neutral-300: #3e4766;
  --color-neutral-400: #4b587e;
  --color-neutral-500: #5f6e98;
  --color-neutral-600: #7f8db1;
  --color-neutral-700: #acb4cd;
  --color-neutral-800: #d3d7e4;
  --color-neutral-900: #ebedf3;
  --color-neutral-950: #f6f7f9;
  /* Blue */
  --color-blue-050: #0c135a;
  --color-blue-100: #132190;
  --color-blue-200: #0d1dc6;
  --color-blue-300: #0b1cf7;
  --color-blue-400: #1529ff;
  --color-blue-500: #375aff;
  --color-blue-600: #5c86ff;
  --color-blue-700: #8ab3ff;
  --color-blue-800: #b6d3ff;
  --color-blue-900: #d6e8ff;
  --color-blue-950: #e9f2ff;
  /* Turquoise */
  --color-turquoise-050: #052e2d;
  --color-turquoise-100: #144d49;
  --color-turquoise-200: #125d57;
  --color-turquoise-300: #11746c;
  --color-turquoise-400: #0f9285;
  --color-turquoise-500: #16b6a3;
  --color-turquoise-600: #36d3be;
  --color-turquoise-700: #60e8d2;
  --color-turquoise-800: #9af5e2;
  --color-turquoise-900: #cdfaf1;
  --color-turquoise-950: #f0fdfa;
  /* Red */
  --color-red-050: #450a0a;
  --color-red-100: #801c1c;
  --color-red-200: #9a1a1a;
  --color-red-300: #ba1b1b;
  --color-red-400: #dd2525;
  --color-red-500: #f04343;
  --color-red-600: #f97070;
  --color-red-700: #fda4a4;
  --color-red-800: #fecaca;
  --color-red-900: #fee2e2;
  --color-red-950: #fef2f2;
  /* Yellow */
  --color-yellow-050: #451a03;
  --color-yellow-100: #78350f;
  --color-yellow-200: #92400e;
  --color-yellow-300: #b45309;
  --color-yellow-400: #d97706;
  --color-yellow-500: #f59e0b;
  --color-yellow-600: #fbbf24;
  --color-yellow-700: #fcd34d;
  --color-yellow-800: #fde68a;
  --color-yellow-900: #fef3c7;
  --color-yellow-950: #fffbeb;
  /* Purple */
  --color-purple-050: #2f175e;
  --color-purple-100: #4d278b;
  --color-purple-200: #5d2ea9;
  --color-purple-300: #6f37ca;
  --color-purple-400: #7f49de;
  --color-purple-500: #8b64e8;
  --color-purple-600: #ab95f0;
  --color-purple-700: #c7bbf7;
  --color-purple-800: #dfd9fb;
  --color-purple-900: #eeebfc;
  --color-purple-950: #f6f4fe;
  /* Gradients */
  --Midnight: linear-gradient(90deg, #1529ff 0%, #151720 100%);
  --Ash: linear-gradient(90deg, #a6abc5 0%, #151720 100%);
  --Smoke: linear-gradient(180deg,
      rgba(0, 0, 0, 0) 0%,
      rgba(0, 0, 0, 0.8) 100%);
}


/* ===============================
  CORES - BACKGROUNDS
================================== */

/* ===== BLUE ===== */
.background-blue-100 {
  background: var(--color-blue-100);
}

.background-blue-300 {
  background: var(--color-blue-300);
}

.background-blue-600 {
  background: var(--color-blue-600);
}

.background-blue-900 {
  background: var(--color-blue-900);
}

/* ===== NEUTRAL ===== */
.background-neutral-100 {
  background: var(--color-neutral-100);
}

.background-neutral-300 {
  background: var(--color-neutral-300);
}

.background-neutral-600 {
  background: var(--color-neutral-600);
}

.background-neutral-900 {
  background: var(--color-neutral-900);
}

/* ===== TURQUOISE ===== */
.background-turquoise-100 {
  background: var(--color-turquoise-100);
}

.background-turquoise-300 {
  background: var(--color-turquoise-300);
}

.background-turquoise-600 {
  background: var(--color-turquoise-600);
}

.background-turquoise-900 {
  background: var(--color-turquoise-900);
}

/* ===== RED ===== */
.background-red-100 {
  background: var(--color-red-100);
}

.background-red-300 {
  background: var(--color-red-300);
}

.background-red-600 {
  background: var(--color-red-600);
}

.background-red-900 {
  background: var(--color-red-900);
}

/* ===== YELLOW ===== */
.background-yellow-100 {
  background: var(--color-yellow-100);
}

.background-yellow-300 {
  background: var(--color-yellow-300);
}

.background-yellow-600 {
  background: var(--color-yellow-600);
}

.background-yellow-900 {
  background: var(--color-yellow-900);
}

/* ===== PURPLE ===== */
.background-purple-100 {
  background: var(--color-purple-100);
}

.background-purple-300 {
  background: var(--color-purple-300);
}

.background-purple-600 {
  background: var(--color-purple-600);
}

.background-purple-900 {
  background: var(--color-purple-900);
}