:root{
  --theme-body: #ffffff;
  --theme-body-color: #171717;
  --theme-primary: #7c3aed;
  --theme-primary-alt: #6931c9;
  --theme-primary-fg: #ffffff;
  --theme-secondary: #6931c9;
  --theme-primarybg: #ffffff;
  --theme-darkbg: #0f0c29;
  --bs-primary: #7c3aed;
  --bs-primary-alt: #6931c9;
  --bs-secondary: #6931c9;
  --bs-primary-rgb: 124, 58, 237;
  --bg-primary: #ffffff;
}
html:not(.dark) body{
  background-color: var(--theme-body) !important;
  color: var(--theme-body-color);
}
html.dark body{
  background-color: var(--theme-darkbg) !important;
}
html:not(.dark) .bg-black{
  background-color: var(--theme-primary) !important;
}
html:not(.dark) .bg-black.text-white{
  color: var(--theme-primary-fg) !important;
}
html:not(.dark) .hover\:bg-black\/90:hover{
  background-color: var(--theme-primary-alt) !important;
}
html:not(.dark) .hover\:bg-black\/85:hover{
  background-color: var(--theme-primary-alt) !important;
}
html:not(.dark) .border-black{
  border-color: var(--theme-primary) !important;
}
html.dark .bg-black.dark\:bg-white{
  background-color: var(--theme-primary) !important;
  color: var(--theme-primary-fg) !important;
}
html.dark .bg-black.dark\:text-black{
  color: var(--theme-primary-fg) !important;
}
html.dark .bg-black.dark\:hover\:bg-white\/90:hover,
html.dark .bg-black.hover\:bg-black\/90:hover,
html.dark .bg-black.dark\:hover\:bg-white\/85:hover{
  background-color: var(--theme-primary-alt) !important;
}
.bg-primary{
  background-color: var(--theme-primary) !important;
  color: var(--theme-primary-fg) !important;
}
.border-primary{
  border-color: var(--theme-primary) !important;
}