html {
  color-scheme: dark;
}

html.theme-light {
  color-scheme: light;
}

html.theme-light body {
  background-color: #f8fafc;
  color: #475569;
}

html.theme-light .bg-bgDark {
  background-color: #f8fafc;
}

html.theme-light .bg-bgDark\/75 {
  background-color: rgb(248 250 252 / 0.75);
}

html.theme-light .bg-bgDark\/70 {
  background-color: rgb(248 250 252 / 0.7);
}

html.theme-light .bg-bgCard,
html.theme-light .bg-bgCard\/40 {
  background-color: #ffffff;
}

html.theme-light .text-slate-200 {
  color: #0f172a;
}

html.theme-light .text-slate-300 {
  color: #334155;
}

html.theme-light .text-slate-400 {
  color: #475569;
}

html.theme-light .text-slate-500 {
  color: #64748b;
}

html.theme-light .text-slate-600 {
  color: #94a3b8;
}

html.theme-light .border-slate-700,
html.theme-light .border-slate-700\/50,
html.theme-light .border-slate-600\/60 {
  border-color: #cbd5e1;
}

html.theme-light .bg-slate-800\/50 {
  background-color: rgb(226 232 240 / 0.5);
}

html.theme-light .bg-slate-700 {
  background-color: #e2e8f0;
}

html.theme-light .hover\:bg-slate-700:hover {
  background-color: #e2e8f0;
}

html.theme-light .text-slate-200\/90 {
  color: #0f172a;
}

html.theme-light ::-webkit-scrollbar-track {
  background: #e2e8f0;
}

html.theme-light ::-webkit-scrollbar-thumb {
  background: #94a3b8;
}

html.theme-light ::-webkit-scrollbar-thumb:hover {
  background: #64748b;
}