/* 参照 h5-web/app/assets/styles/theme.scss */
:root {
  --font-size: 18px;
  --bg-color: #F6F6F6;
  --text-color: #222222;
  --primary-color: #6A0DAD;
}

.theme-light {
  --bg-color: #F6F6F6;
  --text-color: #222222;
  --chepter-bg-color: #FFF3F8;
  --chapter-info-title-color: #32343A;
  --chapter-btn-bg: #FFFFFF;
  --chapter-btn-text-color: #32343A;
  --bg-rgb: 246,246,246;
  --unlock-text-color: #65676E;
  --fav-bg: #FFFFFF;
}

/* 阅读页面使用 bg-color 作为背景 */
.theme-light .reader_container,
.theme-light .reader_content,
.theme-light .reader_content .chapter {
  --bg-color: #F6F6F6;
}

.theme-dark {
  --bg-color: #111111;
  --text-color: #CCCCCC;
  --chepter-bg-color: #1A1A1A;
  --chapter-info-title-color: #CCCCCC;
  --chapter-btn-bg: #2A2A2A;
  --chapter-btn-text-color: #CCCCCC;
  --bg-rgb: 17,17,17;
  --unlock-text-color: #999999;
  --fav-bg: #333333;
  --fav-content-color: #CCCCCC;
  --fav-btn-color: #222222;
}

/* 阅读页面使用更深的背景色 */
.theme-dark .reader_container,
.theme-dark .reader_content,
.theme-dark .reader_content .chapter {
  --bg-color: #1A1A1A;
}

.theme-green {
  --bg-color: #CDDDC4;
  --text-color: #212121;
  --chepter-bg-color: #FFF3F8;
  --chapter-info-title-color: #32343A;
  --chapter-btn-bg: #FFFFFF;
  --chapter-btn-text-color: #32343A;
  --bg-rgb: 205,221,196;
  --unlock-text-color: #65676E;
  --fav-bg: #FFFFFF;
}

/* 阅读页面使用 bg-color 作为背景 */
.theme-green .reader_container,
.theme-green .reader_content,
.theme-green .reader_content .chapter {
  --bg-color: #CDDDC4;
}

.theme-yellow {
  --bg-color: #EFDDBE;
  --text-color: #212121;
  --chepter-bg-color: #FFF3F8;
  --chapter-info-title-color: #32343A;
  --chapter-btn-bg: #FFFFFF;
  --chapter-btn-text-color: #32343A;
  --bg-rgb: 239,221,190;
  --unlock-text-color: #65676E;
  --fav-bg: #FFFFFF;
}

/* 阅读页面使用 bg-color 作为背景 */
.theme-yellow .reader_container,
.theme-yellow .reader_content,
.theme-yellow .reader_content .chapter {
  --bg-color: #EFDDBE;
}

/* 字号范围 14–40 */
.font-14 { --font-size: 14px; }
.font-16 { --font-size: 16px; }
.font-18 { --font-size: 18px; }
.font-20 { --font-size: 20px; }
.font-22 { --font-size: 22px; }
.font-24 { --font-size: 24px; }
.font-26 { --font-size: 26px; }
.font-28 { --font-size: 28px; }
.font-30 { --font-size: 30px; }
.font-32 { --font-size: 32px; }
.font-34 { --font-size: 34px; }
.font-36 { --font-size: 36px; }
.font-38 { --font-size: 38px; }
.font-40 { --font-size: 40px; }