html,
body {
  overflow-x: hidden;
}

html[data-theme="dark"] body {
  color: var(--color-slate-100);
}

html[data-theme="light"] body {
  background: var(--color-slate-50);
  color: var(--color-slate-800);
}

html[data-theme="light"] .bg-slate-950 {
  background-color: var(--color-slate-50);
}

html[data-theme="light"] .bg-slate-900 {
  background-color: var(--color-white);
}

html[data-theme="light"] .text-white {
  color: var(--color-slate-800);
}

html[data-theme="light"] .text-slate-100,
html[data-theme="light"] .text-slate-200,
html[data-theme="light"] .text-slate-300 {
  color: var(--color-slate-700);
}

html[data-theme="light"] .text-slate-400,
html[data-theme="light"] .text-slate-500 {
  color: var(--color-slate-500);
}

html[data-theme="light"] .text-violet-200,
html[data-theme="light"] .text-violet-300,
html[data-theme="light"] .text-violet-400,
html[data-theme="light"] .text-violet-500 {
  color: var(--color-violet-700);
}

html[data-theme="light"] [class*="border-white"] {
  border-color: var(--color-slate-200);
}

html[data-theme="light"] [class*="bg-white\\/\\[0.04\\]"],
html[data-theme="light"] [class*="bg-white\\/\\[0.05\\]"],
html[data-theme="light"] [class*="bg-white\\/\\[0.08\\]"] {
  background-color: rgb(255 255 255 / 0.8);
}

html[data-theme="light"] .bg-white\/10 {
  background-color: rgb(15 23 42 / 0.08);
}

html[data-theme="light"] .book-card {
  background: var(--color-white);
  border-color: var(--color-slate-200);
  box-shadow: 0 10px 30px rgb(15 23 42 / 0.08);
}

html[data-theme="light"] .book-card__cover:not(:has(img)) {
  background: linear-gradient(135deg, var(--color-violet-100), var(--color-indigo-100));
}

html[data-theme="light"] .book-card__cover:not(:has(img)) .text-white {
  color: var(--color-slate-800);
}

html[data-theme="light"] .book-card__cover:not(:has(img)) .text-slate-300 {
  color: var(--color-slate-700);
}

html[data-theme="light"] .book-card__cover:not(:has(img)) .bg-slate-950\/50 {
  display: none;
}

html[data-theme="light"] .book-card > div {
  background: var(--color-white);
}

html[data-theme="light"] .book-card .text-slate-400,
html[data-theme="light"] .book-card .text-slate-500,
html[data-theme="light"] .book-card .text-slate-200 {
  color: var(--color-slate-600);
}

html[data-theme="light"] .book-card [class*="border-white"] {
  border-color: var(--color-slate-200);
}

html[data-theme="light"] .book-card .text-red-300 {
  color: var(--color-red-700);
}

html[data-theme="light"] .book-card .bg-white\/10 {
  background-color: var(--color-slate-100);
}

html[data-theme="light"] .book-card .bg-slate-950\/50 {
  background-color: rgb(15 23 42 / 0.3);
}

html[data-theme="light"] .book-card__cover:has(img) .text-white,
html[data-theme="light"] .book-card__cover:has(img) .text-slate-300 {
  color: var(--color-white);
}

html[data-theme="light"] .book-card__cover:has(img) .text-violet-200,
html[data-theme="light"] .book-card__cover:has(img) .text-violet-300,
html[data-theme="light"] .book-card__cover:has(img) .text-violet-400,
html[data-theme="light"] .book-card__cover:has(img) .text-violet-500 {
  color: var(--color-violet-200);
}

html[data-theme="light"] .user-navigation {
  background: rgb(255 255 255 / 0.92);
  border-color: var(--color-slate-200);
}

html[data-theme="light"] .user-navigation a,
html[data-theme="light"] .user-navigation button {
  color: var(--color-slate-700);
}

html[data-theme="light"] .user-navigation a:hover,
html[data-theme="light"] .user-navigation button:hover {
  color: var(--color-violet-700);
}

html[data-theme="light"] .home-page nav a {
  color: var(--color-slate-700);
}

html[data-theme="light"] .home-page .border-white\/15 {
  border-color: var(--color-slate-300);
}

html[data-theme="light"] .book-card .text-blue-200,
html[data-theme="light"] .text-blue-200 {
  color: var(--color-blue-700);
}

html[data-theme="light"] .book-card .text-emerald-200,
html[data-theme="light"] .text-emerald-200 {
  color: var(--color-emerald-700);
}

html[data-theme="light"] .book-card .text-amber-200,
html[data-theme="light"] .text-amber-200 {
  color: var(--color-amber-700);
}

html[data-theme="light"] .book-card .text-rose-200,
html[data-theme="light"] .text-rose-200 {
  color: var(--color-rose-700);
}

html[data-theme="light"] .book-card .text-violet-200,
html[data-theme="light"] .text-violet-200 {
  color: var(--color-violet-700);
}

html[data-theme="light"] .autocomplete-results {
  background-color: var(--color-white);
  border-color: var(--color-slate-200);
  box-shadow: 0 14px 30px rgb(15 23 42 / 0.14);
}

html[data-theme="light"] .autocomplete-results button {
  color: var(--color-slate-800);
}

html[data-theme="light"] .autocomplete-results button:hover,
html[data-theme="light"] .autocomplete-results button.bg-violet-50 {
  background-color: var(--color-violet-100);
  color: var(--color-violet-800);
}

html[data-theme="light"] .toast--notice {
  background-color: rgb(255 255 255 / 0.96);
  border-color: rgb(139 92 246 / 0.25);
  color: var(--color-slate-700);
  box-shadow: 0 14px 30px rgb(15 23 42 / 0.14);
}

html[data-theme="light"] .toast--notice .toast__icon {
  background-color: rgb(139 92 246 / 0.12);
  color: var(--color-violet-700);
}

html[data-theme="light"] .toast--alert {
  background-color: rgb(255 247 247 / 0.97);
  border-color: rgb(190 18 60 / 0.25);
  color: var(--color-rose-900);
  box-shadow: 0 14px 30px rgb(136 19 55 / 0.12);
}

html[data-theme="light"] .toast--alert .toast__icon {
  background-color: rgb(190 18 60 / 0.1);
  color: var(--color-rose-700);
}

.reading-calendar__day {
  border: 1px solid transparent;
}

.reading-calendar__day--spring.reading-calendar__day--active {
  background-color: rgb(34 197 94 / 0.2);
  color: var(--color-green-300);
}

.reading-calendar__day--summer.reading-calendar__day--active {
  background-color: rgb(239 68 68 / 0.2);
  color: var(--color-red-300);
}

.reading-calendar__day--autumn.reading-calendar__day--active {
  background-color: rgb(234 179 8 / 0.2);
  color: var(--color-yellow-300);
}

.reading-calendar__day--winter.reading-calendar__day--active {
  background-color: rgb(59 130 246 / 0.2);
  color: var(--color-blue-300);
}

.reading-calendar__day--spring.reading-calendar__day--empty {
  background-color: rgb(34 197 94 / 0.1);
  color: var(--color-slate-500);
}

.reading-calendar__day--summer.reading-calendar__day--empty {
  background-color: rgb(239 68 68 / 0.1);
  color: var(--color-slate-500);
}

.reading-calendar__day--autumn.reading-calendar__day--empty {
  background-color: rgb(234 179 8 / 0.1);
  color: var(--color-slate-500);
}

.reading-calendar__day--winter.reading-calendar__day--empty {
  background-color: rgb(59 130 246 / 0.1);
  color: var(--color-slate-500);
}

html[data-theme="light"] .reading-calendar__day--spring.reading-calendar__day--active {
  background-color: var(--color-green-100);
  color: var(--color-green-800);
}

html[data-theme="light"] .reading-calendar__day--summer.reading-calendar__day--active {
  background-color: var(--color-red-100);
  color: var(--color-red-800);
}

html[data-theme="light"] .reading-calendar__day--autumn.reading-calendar__day--active {
  background-color: var(--color-yellow-100);
  color: var(--color-yellow-800);
}

html[data-theme="light"] .reading-calendar__day--winter.reading-calendar__day--active {
  background-color: var(--color-blue-100);
  color: var(--color-blue-800);
}

html[data-theme="light"] .reading-calendar__day--spring.reading-calendar__day--empty {
  background-color: rgb(34 197 94 / 0.1);
}

html[data-theme="light"] .reading-calendar__day--summer.reading-calendar__day--empty {
  background-color: rgb(239 68 68 / 0.1);
}

html[data-theme="light"] .reading-calendar__day--autumn.reading-calendar__day--empty {
  background-color: rgb(234 179 8 / 0.1);
}

html[data-theme="light"] .reading-calendar__day--winter.reading-calendar__day--empty {
  background-color: rgb(59 130 246 / 0.1);
}