:root[data-theme="night"] {
  color-scheme: dark;
  --bg-deep: #171c1a;
  --card-bg: rgba(31, 38, 34, 0.94);
  --border-light: rgba(236, 222, 198, 0.16);
  --border-glow: rgba(215, 170, 148, 0.34);
  --text-main: #eee7da;
  --text-muted: #c4bbaa;
  --text-dim: #a99f91;
  --accent-cyan: #b0cbb9;
  --accent-gold: #e3bd75;
  --accent-rose: #dda0a3;
  --text: #eee7da;
  --muted: #bcb3a6;
  --accent: #ddb09d;
  --border: rgba(236, 222, 198, 0.16);
  background: var(--bg-deep);
  color: var(--text-main);
}

.theme-toggle-btn {
  min-height: 40px;
  padding: 8px 12px;
  border: 1px solid var(--border-light, var(--border));
  border-radius: 8px;
  background: rgba(112, 80, 99, 0.08);
  color: var(--text-main, var(--text));
  cursor: pointer;
  font: inherit;
  font-size: 12px;
  font-weight: 600;
  white-space: nowrap;
}

.theme-toggle-floating {
  position: fixed;
  right: 18px;
  bottom: 18px;
  z-index: 1000;
  box-shadow: 0 4px 18px rgba(31, 28, 55, 0.18);
}

.theme-toggle-btn:hover,
.theme-toggle-btn:focus-visible {
  border-color: var(--accent-rose, var(--accent));
}

.page-header-actions {
  display: flex;
  align-items: center;
  gap: 8px;
}

html[data-theme="night"] body[data-category],
html[data-theme="night"] body[data-entry-page] {
  background: #171c1a;
}

html[data-theme="night"] .page-header,
html[data-theme="night"] .site-header {
  border-color: var(--border-light);
  background: rgba(24, 30, 27, 0.94);
}

html[data-theme="night"] .entry-card,
html[data-theme="night"] .entry-detail {
  border-color: var(--border-light);
  background: var(--card-bg);
  color: var(--text-main);
}

html[data-theme="night"] .entry-detail .entry-image {
  background: #202622;
}

html[data-theme="night"] .entry-author img {
  border-color: #42483f;
}

html[data-theme="night"] .quote-card {
  border-color: var(--border-light);
  background: rgba(31, 38, 34, 0.9);
}

html[data-theme="night"] .playlist-controls button,
html[data-theme="night"] .playlist-tracks button {
  border-color: var(--border-light);
  background: rgba(47, 55, 49, 0.88);
  color: var(--text-main);
}

html[data-theme="night"] .nav-links a,
html[data-theme="night"] .header-actions > a,
html[data-theme="night"] .brand-logo,
html[data-theme="night"] .page-header .brand,
html[data-theme="night"] .page-header .back-link {
  color: var(--text-muted);
}

html[data-theme="night"] #art-bg-layer {
  filter: brightness(0.3) saturate(0.65);
}

html[data-theme="night"] .theme-toggle-btn {
  background: rgba(227, 189, 117, 0.1);
}

html[data-theme="night"] body {
  background: #171c1a !important;
  color: var(--text-main);
}

html[data-theme="night"] .dashboard-header,
html[data-theme="night"] .page-header,
html[data-theme="night"] .site-header {
  border-color: var(--border-light);
  background: rgba(24, 30, 27, 0.96);
}

html[data-theme="night"] .panel,
html[data-theme="night"] .entry-card,
html[data-theme="night"] .entry-detail,
html[data-theme="night"] .quote-card,
html[data-theme="night"] .search-result,
html[data-theme="night"] .entry-management-row,
html[data-theme="night"] .todo-item,
html[data-theme="night"] .archive-entry,
html[data-theme="night"] .review-card,
html[data-theme="night"] .album-card {
  border-color: var(--border-light);
  background: var(--card-bg);
  color: var(--text-main);
}

html[data-theme="night"] input:not([type="radio"]):not([type="file"]),
html[data-theme="night"] select,
html[data-theme="night"] textarea,
html[data-theme="night"] .button.secondary,
html[data-theme="night"] .todo-toggle,
html[data-theme="night"] .todo-delete {
  border-color: var(--border-light);
  background-color: #252c28;
  color: var(--text-main);
}

html[data-theme="night"] .brand,
html[data-theme="night"] .back-link,
html[data-theme="night"] .page-header a,
html[data-theme="night"] .dashboard-header a {
  color: var(--text-muted);
}

html[data-theme="night"] .todo-item.is-done {
  border-color: rgba(105, 190, 135, 0.4);
  background: rgba(34, 77, 51, 0.58);
}

html[data-theme="night"] .dp-navbar,
html[data-theme="night"] .dp-form-card,
html[data-theme="night"] .dp-modal,
html[data-theme="night"] .dp-panel,
html[data-theme="night"] .dp-table-wrap,
html[data-theme="night"] .dp-subnav {
  border-color: var(--border-light);
  background-color: #1f2622;
  color: var(--text-main);
}

html[data-theme="night"] .dp-navbar *,
html[data-theme="night"] .dp-form-card *,
html[data-theme="night"] .dp-modal *,
html[data-theme="night"] .dp-panel *,
html[data-theme="night"] .dp-subnav * {
  color: inherit;
}

html[data-theme="night"] .dp-input {
  border-color: var(--border-light);
  background: #252c28;
  color: var(--text-main);
}