/* Dark Mode Styles with WCAG AA Compliant Colors */

/* CSS Variables for theming */
:root {
  /* Light mode — warm sepia/maroon/parchment palette */
  --bg-primary: #fdf6ed;
  --bg-secondary: #f5ede0;
  --bg-gradient-start: #f5ede0;
  --bg-gradient-end: #e4d0b8;
  --text-primary: #2d1b0e;
  --text-secondary: #5c3d22;
  --text-muted: #8a6a4a;
  --link-color: #8b1a2e;
  --link-hover: #6b1222;
  --border-color: #e4d0b8;
  --border-dark: #c9b09a;
  --shadow-color: rgba(45,27,14,0.12);
  --highlight-bg: #f5c842;
  --highlight-text: #000;
  --highlight-border: #c87941;
  --ai-highlight-bg: #fdf0e0;
  --ai-highlight-border: #a0522d;
  --success-bg: #e8f5e8;
  --success-text: #27ae60;
  --warning-bg: #fdf2e9;
  --warning-text: #e67e22;
  --search-panel-bg: #fdf6ed;
  --toggle-bg: #fdf6ed;
  --toggle-color: #2d1b0e;
  --book-card-bg: #fdf6ed;
  --book-card-hover: #f5ede0;
  --footer-border: #e4d0b8;
  --chapter-link-bg: #f5ede0;
  --chapter-link-hover: #8b1a2e;
  --testament-badge-bg: #f5e8d0;
  --testament-badge-text: #6b3a1f;
  --nt-badge-bg: #fde8d0;
  --nt-badge-text: #8b3a1a;
  --search-banner-bg: #fdf0e0;
  --nav-link-color: #8b1a2e;
  --nav-link-hover: #6b1222;
}

/* Dark mode — deep chocolate/cognac/amber palette */
[data-theme="dark"] {
  --bg-primary: #1c0f07;
  --bg-secondary: #2a1508;
  --bg-gradient-start: #120804;
  --bg-gradient-end: #1c0f07;
  --text-primary: #f5e6d0;
  --text-secondary: #d4b896;
  --text-muted: #a08060;
  --link-color: #d4915a;
  --link-hover: #e8a870;
  --border-color: #3d2010;
  --border-dark: #5a3018;
  --shadow-color: rgba(0,0,0,0.6);
  --highlight-bg: #c87520;
  --highlight-text: #000;
  --highlight-border: #a05a18;
  --ai-highlight-bg: #3d1a08;
  --ai-highlight-border: #d4915a;
  --success-bg: #1b3a1b;
  --success-text: #81c784;
  --warning-bg: #3a2e1b;
  --warning-text: #ffb74d;
  --search-panel-bg: #2a1508;
  --toggle-bg: #3d2010;
  --toggle-color: #f5e6d0;
  --book-card-bg: #2a1508;
  --book-card-hover: #3d2010;
  --footer-border: #3d2010;
  --chapter-link-bg: #3d2010;
  --chapter-link-hover: #d4915a;
  --testament-badge-bg: #3d2010;
  --testament-badge-text: #d4b896;
  --nt-badge-bg: #4d2a14;
  --nt-badge-text: #e8a870;
  --search-banner-bg: #2a1508;
  --nav-link-color: #d4915a;
  --nav-link-hover: #e8a870;
}

/* Apply theme colors throughout */
body {
  background: linear-gradient(135deg, var(--bg-gradient-start) 0%, var(--bg-gradient-end) 100%);
  color: var(--text-primary);
  transition: background 0.3s ease, color 0.3s ease;
}

.container {
  background: var(--bg-primary);
  box-shadow: 0 10px 30px var(--shadow-color);
  transition: background 0.3s ease, box-shadow 0.3s ease;
}

.header {
  border-bottom-color: var(--link-color);
}

.title {
  color: var(--text-primary);
}

.subtitle {
  color: var(--text-secondary);
}

.translation-selector {
  background: var(--bg-secondary);
  color: var(--text-primary);
}

.translation-selector select {
  background: var(--bg-primary);
  color: var(--text-primary);
  border-color: var(--border-dark);
}

.book-card {
  background: var(--book-card-bg);
  border-color: var(--border-color);
  transition: all 0.3s ease;
}

.book-card:hover {
  background: var(--book-card-hover);
  border-color: var(--link-color);
}

.book-title {
  color: var(--link-color);
}

.book-card:hover .book-title {
  color: var(--link-hover);
}

.book-meta {
  color: var(--text-secondary);
}

.book-card.unavailable .book-title {
  color: var(--text-muted);
}

.book-card.unavailable .book-meta {
  color: var(--text-muted);
}

.testament-badge {
  background: var(--testament-badge-bg);
  color: var(--testament-badge-text);
}

.testament-badge.new {
  background: var(--nt-badge-bg);
  color: var(--nt-badge-text);
}

.book-card.unavailable .testament-badge {
  background: var(--border-color);
  color: var(--text-muted);
}

.stat-label {
  color: var(--text-secondary);
}

.stat-value {
  color: var(--text-primary);
}

.book-card.unavailable .stat-value {
  color: var(--text-muted);
}

.toggle-chapters {
  color: var(--link-color);
}

.toggle-chapters:hover {
  color: var(--link-hover);
}

.chapters-grid {
  background: var(--bg-secondary);
  border-top-color: var(--border-color);
}

.chapter-link {
  background: var(--chapter-link-bg);
  color: var(--link-color);
  border-color: var(--border-color);
}

.chapter-link:hover {
  background: var(--chapter-link-hover);
  color: white;
  border-color: var(--chapter-link-hover);
}

.footer {
  border-top-color: var(--footer-border);
  color: var(--text-secondary);
}

.footer-links a {
  color: var(--link-color);
}

.footer-links a:hover {
  color: var(--link-hover);
}

/* Search panel dark mode */
.search-panel {
  background: var(--search-panel-bg);
  border-color: var(--border-color);
}

.search-input {
  background: var(--bg-primary);
  color: var(--text-primary);
  border-color: var(--border-color);
}

.search-input:focus {
  border-color: var(--link-color);
}

.search-filters label {
  color: var(--text-secondary);
}

.filter-btn {
  background: var(--bg-primary);
  color: var(--text-primary);
  border-color: var(--border-color);
}

.filter-btn:hover {
  background: var(--bg-secondary);
  border-color: var(--link-color);
}

.filter-btn.active {
  background: var(--link-color);
  color: white;
  border-color: var(--link-color);
}

.search-result {
  background: var(--bg-primary);
  border-color: var(--border-color);
}

.search-result:hover {
  background: var(--bg-secondary);
  border-color: var(--link-color);
}

.search-result-ref {
  color: var(--link-color);
}

.search-result-text {
  color: var(--text-primary);
}

.search-match-info {
  color: var(--text-muted);
}

.page-btn {
  background: var(--bg-primary);
  color: var(--text-primary);
  border-color: var(--border-color);
}

.page-btn:hover:not(:disabled) {
  background: var(--bg-secondary);
  border-color: var(--link-color);
}

.page-btn.active {
  background: var(--link-color);
  color: white;
  border-color: var(--link-color);
}

/* Dark mode: ensure legible text on cognac active button */
[data-theme="dark"] .page-btn.active {
  background: #7a1628;
  color: #f5e6d0;
  border-color: #7a1628;
}

.page-btn:disabled {
  color: var(--text-muted);
}

/* Dark mode specific adjustments */
[data-theme="dark"] .gradient-button {
  background: linear-gradient(135deg, var(--link-color), var(--link-hover));
}

[data-theme="dark"] .container {
  box-shadow: 0 10px 30px rgba(0,0,0,0.5);
}

[data-theme="dark"] .search-highlight {
  background: #c87520;
  color: #000;
}

/* Navigation links */
a {
  color: var(--link-color);
}

a:hover {
  color: var(--link-hover);
}

/* Book navigation */
.book-navigation a {
  color: var(--nav-link-color);
}

.book-navigation a:hover {
  color: var(--nav-link-hover);
}

/* Chapter navigation */
.chapter-navigation a {
  color: var(--nav-link-color);
}

.chapter-navigation a:hover {
  color: var(--nav-link-hover);
}

/* Verse styles */
.verse-number {
  color: var(--text-muted);
}

.verse-text {
  color: var(--text-primary);
}

/* Clear search button */
.clear-search {
  background: none;
  border: 1px solid var(--link-color);
  color: var(--link-color);
}

.clear-search:hover {
  background: var(--link-color);
  color: white;
}

/* Current highlight for verses */
.verse.current-highlight {
  background: var(--highlight-bg);
  color: var(--highlight-text);
}