/* Open Library Publications — Auth Color Unify — 2026-08-28 v1
 * Makes the auth controls use the exact same red family as the Search icon/button accents.
 */
:root{
  --ol35-red:#c91f2b;
  --ol35-red-dark:#a91823;
  --ol35-red-soft:#fff4f5;
}

/* Dark/light tile: same red as Search Articles icon tile */
html body .openlib_site_header--unified .openlib_account_cluster--guest > button.openlib_color_mode_toggle,
html[data-openlib-color-mode="dark"] body .openlib_site_header--unified .openlib_account_cluster--guest > button.openlib_color_mode_toggle,
html body .openlib_journal_header__utility .openlib_account_cluster--guest > button.openlib_color_mode_toggle,
html[data-openlib-color-mode="dark"] body .openlib_journal_header__utility .openlib_account_cluster--guest > button.openlib_color_mode_toggle{
  border-color:var(--ol35-red)!important;
  background:var(--ol35-red)!important;
  background-color:var(--ol35-red)!important;
  color:#fff!important;
}
html body .openlib_site_header--unified .openlib_account_cluster--guest > button.openlib_color_mode_toggle .fa,
html body .openlib_journal_header__utility .openlib_account_cluster--guest > button.openlib_color_mode_toggle .fa,
html[data-openlib-color-mode="dark"] body .openlib_site_header--unified .openlib_account_cluster--guest > button.openlib_color_mode_toggle .fa,
html[data-openlib-color-mode="dark"] body .openlib_journal_header__utility .openlib_account_cluster--guest > button.openlib_color_mode_toggle .fa{
  color:#fff!important;
}
html body .openlib_site_header--unified .openlib_account_cluster--guest > button.openlib_color_mode_toggle:hover,
html body .openlib_site_header--unified .openlib_account_cluster--guest > button.openlib_color_mode_toggle:focus,
html body .openlib_journal_header__utility .openlib_account_cluster--guest > button.openlib_color_mode_toggle:hover,
html body .openlib_journal_header__utility .openlib_account_cluster--guest > button.openlib_color_mode_toggle:focus{
  border-color:var(--ol35-red-dark)!important;
  background:var(--ol35-red-dark)!important;
  background-color:var(--ol35-red-dark)!important;
  color:#fff!important;
}

/* Login / Register: white by default, same red text as Search icon */
html body .openlib_site_header--unified .openlib_account_cluster--guest > a.openlib_auth_switch__item,
html body .openlib_journal_header__utility .openlib_account_cluster--guest > a.openlib_auth_switch__item,
html body.pkp_page_login .openlib_site_header--unified .openlib_account_cluster--guest > a.openlib_auth_switch__item,
html body.pkp_page_user.pkp_op_register .openlib_site_header--unified .openlib_account_cluster--guest > a.openlib_auth_switch__item,
html body .openlib_site_header--unified .openlib_account_cluster--guest > a.openlib_auth_switch__item.is-active,
html body .openlib_journal_header__utility .openlib_account_cluster--guest > a.openlib_auth_switch__item.is-active{
  background:#fff!important;
  background-color:#fff!important;
  color:var(--ol35-red)!important;
  box-shadow:none!important;
}
html body .openlib_site_header--unified .openlib_account_cluster--guest > a.openlib_auth_switch__item span,
html body .openlib_journal_header__utility .openlib_account_cluster--guest > a.openlib_auth_switch__item span{
  color:inherit!important;
}

/* Hover/focus: same red fill as the Search icon tile */
html body .openlib_site_header--unified .openlib_account_cluster--guest > a.openlib_auth_switch__item:hover,
html body .openlib_site_header--unified .openlib_account_cluster--guest > a.openlib_auth_switch__item:focus,
html body .openlib_site_header--unified .openlib_account_cluster--guest > a.openlib_auth_switch__item:focus-visible,
html body .openlib_journal_header__utility .openlib_account_cluster--guest > a.openlib_auth_switch__item:hover,
html body .openlib_journal_header__utility .openlib_account_cluster--guest > a.openlib_auth_switch__item:focus,
html body .openlib_journal_header__utility .openlib_account_cluster--guest > a.openlib_auth_switch__item:focus-visible{
  background:var(--ol35-red)!important;
  background-color:var(--ol35-red)!important;
  color:#fff!important;
  box-shadow:0 5px 12px rgba(201,31,43,.18)!important;
}

/* Keep all Search-related icon tiles on exactly the same red token */
html body.openlib-site-index .openlib_field_icon,
html body.openlib-site-index .openlib_button_icon,
html body .openlib_search_advanced summary .openlib_advanced_icon{
  border-color:var(--ol35-red)!important;
  background:var(--ol35-red)!important;
  background-color:var(--ol35-red)!important;
  color:#fff!important;
}
