/* ==========================================================
   theme.css  |  "Who's That" era accent
   Load LAST, after live-again.css. Change --accent, done.
   Rule: on light backgrounds accent text goes black, hover
   flips to black bg + accent text. On dark backgrounds accent
   text is fine (9:1 on black). Accent on white fails (2.3:1).
   ========================================================== */
:root {
  --accent: #F784C5;
  --accent-deep: #E85FAF;
  --ink: #000;
  --paper: #fff;
}

/* ---------- links on light pages (was #580e5b / #1947ba) ---------- */
a,
a:visited,
.pagination > li > a,
.pagination > li > span,
.idlha .text-subheader {
  color: var(--ink);
}
a:hover,
a:focus,
.pagination > li > a:hover,
.pagination > li > a:focus {
  color: var(--accent);
  background-color: var(--ink);
  text-decoration: none;
}

/* ---------- accent surfaces (was blue/purple blocks) ---------- */
.news-main .media,
.bg-blue {
  background-color: var(--accent);
  color: var(--ink);
}
.news-main .media a,
.bg-blue a {
  color: var(--ink);
}
.news-main .media a:hover,
.bg-blue a:hover {
  color: var(--accent);
  background-color: var(--ink);
}

/* ---------- buttons (music page + bootstrap primary) ---------- */
.music .button-row .btn.btn-default,
.btn-primary,
.btn-primary:focus,
.btn-primary.active,
.open > .dropdown-toggle.btn-primary {
  background-color: var(--accent);
  border-color: var(--accent);
  color: var(--ink);
}
.music .button-row .btn.btn-default:hover,
.btn-primary:hover,
.btn-primary:active {
  background-color: var(--ink);
  border-color: var(--ink);
  color: var(--accent);
}

/* ---------- gallery arrows (was #025e72 teal) ---------- */
.arrow-left:hover,
.arrow-right:hover {
  background: var(--accent);
}

/* ---------- legacy nav, until the new partial replaces it ---------- */
#hypenav_lockup .tri,
#hypenav_lockup .tri.tri-live {
  fill: var(--accent);
}
#hypenav,
#hypenavTWOD {
  background-color: var(--accent);
}
#hypenav a,
#hypenavTWOD a,
#hypenav .nav-socials a,
#hypenavTWOD .nav-socials a {
  color: var(--ink);
}
#hypenav a:hover,
#hypenavTWOD a:hover {
  color: var(--accent);
  background-color: var(--ink);
}

/* ---------- dark-background pages: accent text is fine here ---------- */
.home a,
.home a:visited {
  color: var(--accent);
}
.home a:hover {
  color: var(--ink);
  background-color: var(--accent);
}