/*
    Project Author: Abdul Rahman, Hafiz Inam Ur Rahman
    Date: 2024-06-08
*/
@import url("https://fonts.bunny.net/css?family=Nunito");
form input:disabled {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-secondary-bg-rgb), var(--bs-bg-opacity)) !important;
  opacity: 0.7;
}

.glassEffect {
  box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
  backdrop-filter: blur(5px);
  -webkit-backdrop-filter: blur(5px);
}

@media (min-width: 576px) {
  .modal-sm {
    --bs-modal-width: 400px;
  }
  .modal .modal-body {
    max-height: 700px;
    overflow: auto;
  }
}

:root {
  --halaex-primary: #542E6D;
  --halaex-accent: #BB91D8;
  --halaex-surface: #FFFFFF;
  --halaex-soft: #FAF5FF;
  --halaex-muted-surface: #F4F5F8;
  --halaex-border: #E9EFF7;
  --halaex-heading: #545C68;
  --halaex-body: #6F7A88;
  --halaex-ink: #19213D;
  --halaex-shadow: rgba(25, 33, 61, 0.0588235294);
}

body,
body.theme {
  color: var(--halaex-body);
  background-color: var(--halaex-muted-surface) !important;
}

body.theme .bg-dark-subtle {
  background-color: var(--halaex-muted-surface) !important;
}

.text-slate-700,
.text-gray-700,
.text-gray-900 {
  color: var(--halaex-heading) !important;
}

.text-slate-500,
.text-gray-500,
.placeholder\:text-gray-500::placeholder {
  color: var(--halaex-body) !important;
}

.fill-slate-800 {
  fill: var(--halaex-primary) !important;
}

.bg-gradient-to-tl.from-blue-600,
.bg-gradient-to-tl.from-purple-700 {
  --tw-gradient-from: var(--halaex-primary) !important;
  --tw-gradient-to: rgba(84, 46, 109, 0) !important;
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important;
}

.bg-gradient-to-tl.to-cyan-400,
.bg-gradient-to-tl.to-sky-500,
.bg-gradient-to-tl.to-pink-500 {
  --tw-gradient-to: var(--halaex-accent) !important;
}

.bg-gradient-to-tl.from-slate-800,
.bg-gradient-to-tl.from-slate-600 {
  --tw-gradient-from: var(--halaex-heading) !important;
  --tw-gradient-to: rgba(84, 92, 104, 0) !important;
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important;
}

.bg-gradient-to-tl.to-slate-600,
.bg-gradient-to-tl.to-slate-300 {
  --tw-gradient-to: var(--halaex-body) !important;
}

.bg-slate-800\/10 {
  background-color: var(--halaex-soft) !important;
}

.checked\:bg-slate-800\/95:checked {
  background-color: var(--halaex-primary) !important;
}

.checked\:border-slate-800\/95:checked {
  border-color: var(--halaex-primary) !important;
}

.focus\:border-fuchsia-300:focus,
.active\:border-fuchsia-500:active,
.hover\:border-fuchsia-500:hover {
  border-color: var(--halaex-accent) !important;
}

.focus\:shadow-soft-primary-outline:focus {
  box-shadow: 0 0 0 2px rgba(187, 145, 216, 0.35) !important;
}

.hover\:text-fuchsia-500:hover,
.active\:hover\:text-fuchsia-500:hover:active {
  color: var(--halaex-primary) !important;
}

.active\:bg-fuchsia-500:active {
  background-color: var(--halaex-primary) !important;
}

.border-gray-300,
.border-gray-200 {
  border-color: var(--halaex-border) !important;
}

.shadow-soft-2xl,
.shadow-soft-xl,
.shadow-soft-md,
.shadow-soft-xs,
.shadow-soft-xxs {
  box-shadow: 0 1px 8px var(--halaex-shadow) !important;
}

aside.bg-white,
nav.bg-white\/80,
.modal-content,
.card,
.bg-white {
  background-color: var(--halaex-surface) !important;
}

aside hr {
  opacity: 1;
  background-image: linear-gradient(to right, transparent, var(--halaex-border), transparent) !important;
}

aside a.bg-slate-800\/10 {
  color: var(--halaex-primary) !important;
  border: 1px solid var(--halaex-border);
}

aside a:hover {
  color: var(--halaex-primary) !important;
}

aside a:hover > div,
aside a.bg-slate-800\/10 > div {
  background-color: var(--halaex-soft) !important;
}

.form-control,
.select2-container--default .select2-selection--single,
.select2-container--default .select2-selection--multiple,
input,
textarea,
select {
  border-color: var(--halaex-border) !important;
}

.form-control:focus,
input:focus,
textarea:focus,
select:focus {
  border-color: var(--halaex-accent) !important;
  box-shadow: 0 0 0 2px rgba(187, 145, 216, 0.25) !important;
}

.btn-primary,
button.btn-primary,
a.btn-primary {
  background: linear-gradient(66.65deg, var(--halaex-primary) -1.66%, var(--halaex-accent) 101.66%) !important;
  border-color: transparent !important;
  color: #fff !important;
}

.btn-secondary,
button.btn-secondary,
a.btn-secondary {
  background-color: var(--halaex-soft) !important;
  border-color: var(--halaex-border) !important;
  color: var(--halaex-primary) !important;
}

.modal-title,
.title-header {
  color: var(--halaex-primary);
}
/*# sourceMappingURL=app.css.map */