:root {
  --primary: #8B6BF5;
  --secondary: #33c3ff;
  --success: #28a745;
  --primary-1: #E0CFFC;
  --primary-2: #C29FFA;
  --primary-3: #A370F7;
  --primary-4: #8B6BF5;
  --primary-5: #7068F2;
  --primary-6: #5952C2;
  --primary-7: #433B91;
  --primary-8: #2D2561;
  --secondary-1: #FF6400;
  --gray-1: #f8f9fa;
  --gray-2: #e9ecef;
  --gray-3: #dee2e6;
  --gray-4: #ced4da;
  --gray-5: #adb5bd;
  --gray-6: #868e96;
  --gray-7: #495057;
  --gray-8: #343a40;
  --gray-9: #111 ;
}

.text-color-primary {
  color: var(--primary) !important;
}

.text-color-primary-1 {
  color: var(--primary-1) !important;
}

.text-color-primary-2 {
  color: var(--primary-2) !important;
}

.text-color-primary-3 {
  color: var(--primary-3) !important;
}

.text-color-primary-4 {
  color: var(--primary-4) !important;
}

.text-color-primary-5 {
  color: var(--primary-5) !important;
}

.text-color-primary-6 {
  color: var(--primary-6) !important;
}

.text-color-primary-7 {
  color: var(--primary-7) !important;
}

.text-color-primary-8 {
  color: var(--primary-8) !important;
}

.text-color-secondary-1 {
  color: var(--secondary-1) !important;
}

.text-color-gray-1 {
  color: var(--gray-1) !important;
}

.text-color-gray-3 {
  color: var(--gray-3) !important;
}

.text-color-gray-6 {
  color: var(--gray-6) !important;
}

.bg-primary {
  background: var(--primary) !important;
  background-color: var(--primary) !important;
}

.bg-primary-1 {
  background: var(--primary-1) !important;
  background-color: var(--primary-1) !important;
}

.bg-primary-2 {
  background: var(--primary-2) !important;
  background-color: var(--primary-2) !important;
}

.bg-primary-3 {
  background: var(--primary-3) !important;
  background-color: var(--primary-3) !important;
}

.bg-primary-4 {
  background: var(--primary-4) !important;
  background-color: var(--primary-4) !important;
}

.bg-primary-5 {
  background: var(--primary-5) !important;
  background-color: var(--primary-5) !important;
}

.bg-primary-6 {
  background: var(--primary-6) !important;
  background-color: var(--primary-6) !important;
}

.bg-primary-7 {
  background: var(--primary-7) !important;
  background-color: var(--primary-7) !important;
}

.bg-primary-8 {
  background: var(--primary-8) !important;
  background-color: var(--primary-8) !important;
}

.bg-secondary {
  background: var(--secondary) !important;
  background-color: var(--secondary) !important;
}

.bg-secondary-1 {
  background: var(--secondary-1) !important;
  background-color: var(--secondary-1) !important;
}

.bg-gray-3 {
  background: var(--gray-3) !important;
  background-color: var(--gray-3) !important;
}

.bg-gray-6 {
  background: var(--gray-6) !important;
  background-color: var(--gray-6) !important;
}

.bg-gray-9 {
  background: var(--gray-9) !important;
  background-color: var(--gray-9) !important;
}

.btn {
  padding: 10px 40px;
  border: none;
  cursor: pointer;
}

.btn-primary {
  background-color: var(--primary);
  border-color: var(--primary);
}

.btn-primary-1 {
  background-color: var(--primary-1);
  border-color: var(--primary-1);
}

.btn-primary-2 {
  background-color: var(--primary-2);
  border-color: var(--primary-2);
}

.btn-primary-3 {
  background-color: var(--primary-3);
  border-color: var(--primary-3);
}

.btn-primary-4 {
  background-color: var(--primary-4);
  border-color: var(--primary-4);
}

.btn-primary-5 {
  background-color: var(--primary-5);
  border-color: var(--primary-5);
}

.btn-primary-6 {
  background-color: var(--primary-6);
  border-color: var(--primary-6);
}

.btn-primary-7 {
  background-color: var(--primary-7);
  border-color: var(--primary-7);
  color: #FFF;
}
.btn-primary-7:hover {
  background-color: var(--primary-6);
  border-color: var(--primary-6);
  color: #FFF;
}

.btn-primary-8 {
  background-color: var(--primary-8);
  border-color: var(--primary-8);
}

.btn-secondary {
  background-color: var(--secondary);
  border-color: var(--secondary);
}

.btn-secondary-1 {
  background-color: var(--secondary-1);
  border-color: var(--secondary-1);
}

.btn-rounded {
  border-radius: 1.5rem;
}

/*# sourceMappingURL=global.css.map */