/**
 * Consolidated Color Themes for Text Reader
 * All 14 themes in one file to reduce HTTP requests
 * Sorted by background brightness (lightest to darkest)
 */

/* MaiZe Yello Theme - Warm eye-comfort scheme for long reading */
.theme-maize-yello {
  --bg-primary: #f8f4e9;
  --bg-secondary: rgba(248, 244, 233, 0.95);
  --sidebar-bg: rgba(245, 240, 228, 0.98);
  --text-primary: #3a3a3a;
  --text-secondary: #3a3a3a;
  --heading-color: #8b6914;
  --border-color: rgba(139, 105, 20, 0.2);
  --current-chapter-color: #8b6914;
  --current-chapter-bg: rgba(139, 105, 20, 0.2);
  --header-text-color: #3a3a3a;
  --btn-hover-bg: rgba(139, 105, 20, 0.15);
  --btn-hover-color: #6b4f0f;
  --btn-active-bg: rgba(139, 105, 20, 0.25);
}

/* Autumn Theme - Warm brown */
.theme-autumn {
  --bg-primary: #FFF2E2;
  --bg-secondary: #FAEBD7;
  --text-primary: #414441;
  --text-secondary: #414441;
  --heading-color: #2D2F2D;
  --border-color: #E8D5C4;
  --sidebar-bg: rgba(252, 238, 222, 0.98);
  --header-text-color: #414441;
  --current-chapter-bg: rgba(232, 213, 196, 0.5);
  --current-chapter-color: #2D2F2D;
  --btn-hover-bg: rgba(232, 213, 196, 0.5);
  --btn-hover-color: #1a1b1a;
  --btn-active-bg: rgba(232, 213, 196, 0.7);
}

/* Lavender Theme - Soft purple */
.theme-lavender {
  --bg-primary: #E9EBFE;
  --bg-secondary: #E0E3F8;
  --text-primary: #414441;
  --text-secondary: #414441;
  --heading-color: #2D2F2D;
  --border-color: #D8DBF0;
  --sidebar-bg: rgba(226, 228, 252, 0.98);
  --header-text-color: #414441;
  --current-chapter-bg: rgba(216, 219, 240, 0.5);
  --current-chapter-color: #2D2F2D;
  --btn-hover-bg: rgba(216, 219, 240, 0.5);
  --btn-hover-color: #1a1b1a;
  --btn-active-bg: rgba(216, 219, 240, 0.7);
}

/* Almond Theme - Soft yellow */
.theme-almond {
  --bg-primary: #FAF9DE;
  --bg-secondary: #F5F4D6;
  --text-primary: #414441;
  --text-secondary: #414441;
  --heading-color: #2D2F2D;
  --border-color: #E8E7D0;
  --sidebar-bg: rgba(248, 247, 218, 0.98);
  --header-text-color: #414441;
  --current-chapter-bg: rgba(232, 231, 208, 0.5);
  --current-chapter-color: #2D2F2D;
  --btn-hover-bg: rgba(232, 231, 208, 0.5);
  --btn-hover-color: #1a1b1a;
  --btn-active-bg: rgba(232, 231, 208, 0.7);
}

/* Rouge Theme - Gentle pink/peach */
.theme-rouge {
  --bg-primary: #FDE6E0;
  --bg-secondary: #F8D9D0;
  --text-primary: #414441;
  --text-secondary: #414441;
  --heading-color: #2D2F2D;
  --border-color: #E8C4B8;
  --sidebar-bg: rgba(252, 220, 214, 0.98);
  --header-text-color: #414441;
  --current-chapter-bg: rgba(232, 196, 184, 0.3);
  --current-chapter-color: #2D2F2D;
  --btn-hover-bg: rgba(232, 196, 184, 0.4);
  --btn-hover-color: #1a1b1a;
  --btn-active-bg: rgba(232, 196, 184, 0.6);
}

/* Meadow Theme - Fresh green */
.theme-meadow {
  --bg-primary: #E3EDCD;
  --bg-secondary: #DBE6C3;
  --text-primary: #414441;
  --text-secondary: #414441;
  --heading-color: #2D2F2D;
  --border-color: #CDD8B8;
  --sidebar-bg: rgba(220, 232, 200, 0.98);
  --header-text-color: #414441;
  --current-chapter-bg: rgba(205, 216, 184, 0.5);
  --current-chapter-color: #2D2F2D;
  --btn-hover-bg: rgba(205, 216, 184, 0.5);
  --btn-hover-color: #1a1b1a;
  --btn-active-bg: rgba(205, 216, 184, 0.7);
}

/* Bamboo Theme - Natural green */
.theme-bamboo {
  --bg-primary: #b5eecd;
  --bg-secondary: #a8e5c0;
  --text-primary: #414c41;
  --text-secondary: #414c41;
  --heading-color: #2d352d;
  --border-color: #9dd9b3;
  --sidebar-bg: rgba(175, 232, 200, 0.98);
  --header-text-color: #414c41;
  --current-chapter-bg: rgba(157, 217, 179, 0.5);
  --current-chapter-color: #2d352d;
  --btn-hover-bg: rgba(157, 217, 179, 0.5);
  --btn-hover-color: #1a201a;
  --btn-active-bg: rgba(157, 217, 179, 0.7);
}

/* Nord Theme */
.theme-nord {
  --bg-primary: #2e3440;
  --bg-secondary: rgba(46, 52, 64, 0.95);
  --sidebar-bg: rgba(44, 50, 62, 0.98);
  --text-primary: #eceff4;
  --text-secondary: #eceff4;
  --heading-color: #88c0d0;
  --border-color: rgba(236, 239, 244, 0.1);
  --current-chapter-color: #88c0d0;
  --current-chapter-bg: rgba(136, 192, 208, 0.3);
  --header-text-color: #eceff4;
  --btn-hover-bg: rgba(136, 192, 208, 0.2);
  --btn-hover-color: #a3d5e0;
  --btn-active-bg: rgba(136, 192, 208, 0.35);
}

/* Dracula Theme */
.theme-dracula {
  --bg-primary: #282a36;
  --bg-secondary: rgba(40, 42, 54, 0.95);
  --sidebar-bg: rgba(38, 40, 52, 0.98);
  --text-primary: #f8f8f2;
  --text-secondary: #f8f8f2;
  --heading-color: #bd93f9;
  --border-color: rgba(248, 248, 242, 0.1);
  --current-chapter-color: #bd93f9;
  --current-chapter-bg: rgba(189, 147, 249, 0.3);
  --header-text-color: #f8f8f2;
  --btn-hover-bg: rgba(189, 147, 249, 0.2);
  --btn-hover-color: #d4b3ff;
  --btn-active-bg: rgba(189, 147, 249, 0.35);
}

/* Monokai Pro Theme */
.theme-monokai {
  --bg-primary: #2d2a2e;
  --bg-secondary: rgba(45, 42, 46, 0.95);
  --sidebar-bg: rgba(40, 37, 41, 0.98);
  --text-primary: #fcfcfa;
  --text-secondary: #fcfcfa;
  --heading-color: #fd971f;
  --border-color: rgba(252, 252, 250, 0.1);
  --current-chapter-color: #fd971f;
  --current-chapter-bg: rgba(253, 151, 31, 0.3);
  --header-text-color: #fcfcfa;
  --btn-hover-bg: rgba(253, 151, 31, 0.2);
  --btn-hover-color: #ffb347;
  --btn-active-bg: rgba(253, 151, 31, 0.35);
}

/* Solarized Dark Theme */
.theme-solarized {
  --bg-primary: #002b36;
  --bg-secondary: rgba(0, 43, 54, 0.95);
  --sidebar-bg: rgba(0, 38, 48, 0.98);
  --text-primary: #839496;
  --text-secondary: #839496;
  --heading-color: #268bd2;
  --border-color: rgba(131, 148, 150, 0.1);
  --current-chapter-color: #268bd2;
  --current-chapter-bg: rgba(38, 139, 210, 0.3);
  --header-text-color: #93a1a1;
  --btn-hover-bg: rgba(38, 139, 210, 0.2);
  --btn-hover-color: #4aa5e2;
  --btn-active-bg: rgba(38, 139, 210, 0.35);
}

/* Griege Dark Theme - Night reading eye protection */
.theme-griege-dark {
  --bg-primary: #1a1a1d;
  --bg-secondary: rgba(26, 26, 29, 0.95);
  --sidebar-bg: rgba(24, 24, 27, 0.98);
  --text-primary: #e6e1d9;
  --text-secondary: #e6e1d9;
  --heading-color: #c9b896;
  --border-color: rgba(201, 184, 150, 0.2);
  --current-chapter-color: #c9b896;
  --current-chapter-bg: rgba(201, 184, 150, 0.3);
  --header-text-color: #e6e1d9;
  --btn-hover-bg: rgba(201, 184, 150, 0.2);
  --btn-hover-color: #d9caa6;
  --btn-active-bg: rgba(201, 184, 150, 0.35);
}

/* Midnight Cyan Theme - Dark theme with cyan accents */
.theme-midnight-cyan {
  --bg-primary: #1a1a1a;
  --bg-secondary: rgba(26, 26, 26, 0.95);
  --sidebar-bg: rgba(15, 15, 15, 0.98);
  --text-primary: #e0e0e0;
  --text-secondary: #e0e0e0;
  --heading-color: #4fc3f7;
  --border-color: rgba(224, 224, 224, 0.1);
  --current-chapter-color: #4fc3f7;
  --current-chapter-bg: rgba(79, 195, 247, 0.3);
  --header-text-color: #e0e0e0;
  --btn-hover-bg: rgba(79, 195, 247, 0.2);
  --btn-hover-color: #6dd5ff;
  --btn-active-bg: rgba(79, 195, 247, 0.35);
}

/* Dark Green Theme */
.theme-darkgreen {
  --bg-primary: #0f1e13;
  --bg-secondary: rgba(15, 30, 19, 0.95);
  --sidebar-bg: rgba(13, 26, 16, 0.98);
  --text-primary: #c0d6c7;
  --text-secondary: #c0d6c7;
  --heading-color: #8fbc8f;
  --border-color: rgba(192, 214, 199, 0.1);
  --current-chapter-color: #8fbc8f;
  --current-chapter-bg: rgba(143, 188, 143, 0.3);
  --header-text-color: #c0d6c7;
  --btn-hover-bg: rgba(143, 188, 143, 0.2);
  --btn-hover-color: #a5d0a5;
  --btn-active-bg: rgba(143, 188, 143, 0.35);
}