/* Theme background + Tailwind dark sync */
html.dark,
html.light {
  background-color: var(--background) !important;
}
body.bg-background {
  background-color: var(--background) !important;
}

html.dark {
  --foreground: #fff;
  --card-foreground: #fff;
}
html.dark .kt-card,
html.dark .text-foreground {
  color: #fff;
}
html.dark .text-mono {
  color: #e5e5e5;
}
html.dark .text-secondary-foreground {
  color: #d4d4d4;
}
html.dark h1,
html.dark h2,
html.dark h3,
html.dark h4,
html.dark h5,
html.dark h6 {
  color: var(--foreground);
}
html.light h1,
html.light h2,
html.light h3,
html.light h4,
html.light h5,
html.light h6 {
  color: var(--foreground);
}