.theme-pink {
.app-sidebar {
  @apply bg-pavitra-900 text-white;

.menu-title,
.menu-item-icon,
.menu-item-link {
  @apply text-white;
}
}

.app-sidebar-brand {
  @apply bg-white;
}

.bg-blue-600 {
  @apply bg-pavitra-800;
}

.border-blue-700 {
  @apply border-pink-700;
}

.checkbox input[type=checkbox]:checked + .check, .radio input[type=radio]:checked + .check {
  @apply border-pavitra-800;
}

.helper-container .tab {
  @apply bg-pavitra-900;
}

.focus\:ring:focus {
  --tw-ring-color: #14142A;
}

.checkbox input[type=checkbox]:focus + .check, .radio input[type=radio]:focus + .check, .switch input[type=checkbox]:focus + .check {
  --tw-ring-color: #14142A;
}

}

.theme-green {

.app-sidebar {
  @apply bg-pavitra-800 text-white;

.menu-title,
.menu-item-icon,
.menu-item-link {
  @apply text-white;
}

}

.app-sidebar-brand {
  @apply bg-white;
}

.bg-blue-600 {
  @apply bg-pavitra-800;
}

.border-blue-700 {
  @apply bg-pavitra-700;
}

.hover\:bg-blue-700:hover {
  @apply bg-pavitra-700;
}

.text-blue-600 {
  @apply text-pavitra-900;
}

.checkbox input[type=checkbox]:checked + .check, .radio input[type=radio]:checked + .check {
  @apply border-pavitra-800;
}

.helper-container .tab {
  @apply bg-pavitra-700;
}

.focus\:ring:focus {
  --tw-ring-color: #4E4B66;
}

.checkbox input[type=checkbox]:focus + .check, .radio input[type=radio]:focus + .check, .switch input[type=checkbox]:focus + .check {
  --tw-ring-color: #4E4B66;
}

.text-blue-500 {
  @apply text-pavitra-800;
}

.hover\:text-blue-600:hover {
  @apply text-pavitra-800;
}

.active\:text-blue-700:active {
  @apply text-pavitra-800;
}
}

@layer base {
  .dark {
    color-scheme: dark;
  }

  .dark .bg-white:not([class*="!bg-"]) {
    background-color: #111827 !important;
  }

  .dark .bg-slate-50,
  .dark .bg-gray-50,
  .dark .bg-gray-100,
  .dark [class*="bg-slate-50/"],
  .dark [class*="bg-[#FBF8F1]"],
  .dark [class*="bg-[#F6F3EC]"],
  .dark [class*="bg-[#F7F5EF]"] {
    background-color: #0F172A !important;
  }

  .dark [class*="bg-[#F1E7C7]"],
  .dark [class*="bg-[#FFF8DF]"],
  .dark [class*="bg-[#EFF6FF]"] {
    background-color: rgba(216, 183, 94, 0.14) !important;
  }

  .dark .text-black,
  .dark .text-slate-950,
  .dark .text-slate-900,
  .dark [class*="text-[#0E1A2B]"],
  .dark [class*="text-[#111827]"] {
    color: #F8FAFC !important;
  }

  .dark .text-slate-700,
  .dark .text-slate-600,
  .dark .text-slate-500,
  .dark .text-gray-500,
  .dark [class*="text-[#5B6472]"],
  .dark [class*="text-[#6B7280]"] {
    color: #CBD5E1 !important;
  }

  .dark .text-slate-400,
  .dark [class*="text-[#8B7A61]"],
  .dark [class*="text-[#7A5B13]"],
  .dark [class*="text-[#1D4ED8]"] {
    color: #D8B75E !important;
  }

  .dark [class*="border-[#DDD5C7]"],
  .dark [class*="border-[#E5E0D6]"],
  .dark [class*="border-[#D8D0C2]"],
  .dark [class*="border-[#D6E0F5]"],
  .dark [class*="border-[#DBEAFE]"],
  .dark .border-gray-300,
  .dark .border-stone-300,
  .dark .border-slate-200,
  .dark .border-slate-300 {
    border-color: #273447 !important;
  }

  .dark .divide-stone-300 > :not([hidden]) ~ :not([hidden]) {
    border-color: #273447 !important;
  }

  .dark [class*="shadow-[#83755E]/10"],
  .dark [class*="shadow-slate-200/50"] {
    box-shadow: none !important;
  }
}