/* Theme appearance — driven by CSS variables from Theme Options */

body {
  background-color: var(--theme-bg) !important;
  color: var(--theme-text) !important;
}

.site-header {
  background: linear-gradient(to right, var(--theme-header-from), var(--theme-header-to)) !important;
  border-color: var(--theme-border) !important;
}

.nav-link:hover {
  color: var(--accent) !important;
}

.bg-accent,
.hover\:bg-accent:hover {
  background-color: var(--button-bg, var(--accent)) !important;
  color: var(--button-text, #ffffff) !important;
}

.hover\:bg-accent-dark:hover,
.bg-accent-dark {
  background-color: var(--button-hover-bg, var(--accent-dark)) !important;
}

.text-accent,
.hover\:text-accent:hover,
.group:hover .group-hover\:text-accent {
  color: var(--accent) !important;
}

.hover\:text-accent-dark:hover {
  color: var(--accent-dark) !important;
}

.border-accent,
.focus\:border-accent:focus {
  border-color: var(--accent) !important;
}

.content-new-badge--ribbon.content-new-badge--series {
  background: var(--new-series-bg, var(--accent, #be123c));
  color: var(--new-series-text, #ffffff);
}

.content-new-badge--ribbon.content-new-badge--chapter {
  background: var(--new-chapter-bg, var(--accent, #be123c));
  color: var(--new-chapter-text, #ffffff);
  border: none;
}

.scroll-to-top:hover {
  background: var(--button-bg, var(--accent)) !important;
  border-color: var(--button-hover-bg, var(--accent-dark)) !important;
}