/* Open Library Publications — Journal Home Dark Match Current — 2026-08-29 v1
 * Journal Home in dark mode must use the exact same dark surfaces/readability as Current.
 */

html[data-openlib-color-mode="dark"] body.openlib-journal-page.pkp_page_index.pkp_op_index .pkp_structure_content,
html[data-openlib-color-mode="dark"] body.openlib-journal-page.pkp_page_index.pkp_op_index .pkp_structure_main,
html[data-openlib-color-mode="dark"] body.openlib-journal-page.pkp_page_index.pkp_op_index .page_index_journal,
html[data-openlib-color-mode="dark"] body.openlib-journal-page.pkp_page_index .pkp_structure_content,
html[data-openlib-color-mode="dark"] body.openlib-journal-page.pkp_page_index .pkp_structure_main,
html[data-openlib-color-mode="dark"] body.openlib-journal-page.pkp_page_index .page_index_journal{
  background:transparent!important;
  color:#d5dbe5!important;
}

/* Homepage Current Issue uses the same card surface as /issue/current. */
html[data-openlib-color-mode="dark"] body.openlib-journal-page.pkp_page_index .page_index_journal .openlib_current_issue_panel,
html[data-openlib-color-mode="dark"] body.openlib-journal-page.pkp_page_index .page_index_journal section.current_issue{
  background:#181e27!important;
  border-color:#313a47!important;
  border-top-color:#e64a55!important;
  color:#d5dbe5!important;
  box-shadow:0 8px 24px rgba(0,0,0,.18)!important;
}

/* Never leave a white nested TOC canvas on Journal Home. */
html[data-openlib-color-mode="dark"] body.openlib-journal-page.pkp_page_index .openlib_current_issue_panel .obj_issue_toc,
html[data-openlib-color-mode="dark"] body.openlib-journal-page.pkp_page_index .openlib_current_issue_panel .obj_issue_toc .heading,
html[data-openlib-color-mode="dark"] body.openlib-journal-page.pkp_page_index .openlib_current_issue_panel .obj_issue_toc .description,
html[data-openlib-color-mode="dark"] body.openlib-journal-page.pkp_page_index .openlib_current_issue_panel .obj_issue_toc .sections,
html[data-openlib-color-mode="dark"] body.openlib-journal-page.pkp_page_index .openlib_current_issue_panel .obj_issue_toc .section,
html[data-openlib-color-mode="dark"] body.openlib-journal-page.pkp_page_index .openlib_current_issue_panel .obj_issue_toc .articles,
html[data-openlib-color-mode="dark"] body.openlib-journal-page.pkp_page_index .openlib_current_issue_panel .obj_article_summary,
html[data-openlib-color-mode="dark"] body.openlib-journal-page.pkp_page_index .openlib_current_issue_panel .obj_article_summary .meta,
html[data-openlib-color-mode="dark"] body.openlib-journal-page.pkp_page_index .openlib_current_issue_panel .galleys_links{
  background:transparent!important;
  color:#d5dbe5!important;
}

/* Issue cover area: same dark canvas as Current. */
html[data-openlib-color-mode="dark"] body.openlib-journal-page.pkp_page_index .openlib_current_issue_panel .obj_issue_toc .cover,
html[data-openlib-color-mode="dark"] body.openlib-journal-page.pkp_page_index .openlib_current_issue_panel .current_issue .cover{
  background:#121821!important;
  border-color:#303946!important;
}

/* Typography/readability on the dark homepage. */
html[data-openlib-color-mode="dark"] body.openlib-journal-page.pkp_page_index .openlib_current_issue_panel h1,
html[data-openlib-color-mode="dark"] body.openlib-journal-page.pkp_page_index .openlib_current_issue_panel h2,
html[data-openlib-color-mode="dark"] body.openlib-journal-page.pkp_page_index .openlib_current_issue_panel h3,
html[data-openlib-color-mode="dark"] body.openlib-journal-page.pkp_page_index .openlib_current_issue_panel h4,
html[data-openlib-color-mode="dark"] body.openlib-journal-page.pkp_page_index .openlib_current_issue_panel .obj_article_summary .title,
html[data-openlib-color-mode="dark"] body.openlib-journal-page.pkp_page_index .openlib_current_issue_panel .obj_article_summary .title a{
  color:#f5f7fa!important;
}
html[data-openlib-color-mode="dark"] body.openlib-journal-page.pkp_page_index .openlib_current_issue_panel .current_issue_title,
html[data-openlib-color-mode="dark"] body.openlib-journal-page.pkp_page_index .openlib_current_issue_panel .obj_issue_toc .published,
html[data-openlib-color-mode="dark"] body.openlib-journal-page.pkp_page_index .openlib_current_issue_panel .obj_issue_toc .authors,
html[data-openlib-color-mode="dark"] body.openlib-journal-page.pkp_page_index .openlib_current_issue_panel .obj_issue_toc .description,
html[data-openlib-color-mode="dark"] body.openlib-journal-page.pkp_page_index .openlib_current_issue_panel p{
  color:#aab3c0!important;
}

/* Section labels and article separators mirror Current. */
html[data-openlib-color-mode="dark"] body.openlib-journal-page.pkp_page_index .openlib_current_issue_panel .obj_issue_toc .section>h2,
html[data-openlib-color-mode="dark"] body.openlib-journal-page.pkp_page_index .openlib_current_issue_panel .obj_issue_toc .section>h3{
  background:#2a2025!important;
  border-color:#5e3940!important;
  border-left-color:#e64a55!important;
  color:#ff9aa0!important;
}
html[data-openlib-color-mode="dark"] body.openlib-journal-page.pkp_page_index .openlib_current_issue_panel .obj_issue_toc .articles>li{
  background:transparent!important;
  border-bottom-color:#303946!important;
}

/* Buttons/chips stay readable on dark home. */
html[data-openlib-color-mode="dark"] body.openlib-journal-page.pkp_page_index .openlib_current_issue_panel .obj_galley_link,
html[data-openlib-color-mode="dark"] body.openlib-journal-page.pkp_page_index .openlib_current_issue_panel .openlib_article_pages_action .pages{
  background:#1b222c!important;
  border-color:#674149!important;
  color:#ff9299!important;
}
html[data-openlib-color-mode="dark"] body.openlib-journal-page.pkp_page_index .openlib_current_issue_panel .openlib_view_all_issues{
  background:#1b222c!important;
  border-color:#674149!important;
  color:#ff9299!important;
}

/* Homepage banner also follows Current's dark canvas instead of a white container. */
html[data-openlib-color-mode="dark"] body.openlib-journal-page.pkp_page_index .openlib_journal_banner{
  background:#181e27!important;
  border-color:#343e4b!important;
  border-top-color:#e64a55!important;
}
