/* --------------------------------------------------------------------------
   IPDMC association pages (ipdmc.org): their own accent colour.
   The conference site under /2027 keeps International Klein Blue, so the two
   are never mistaken for each other. Loaded after ipdmc.css and after each
   page's own <style> block by index, about, 2026 and previous-conferences.
   Burgundy, chosen by the user on 23 September 2026 from four previews.
   -------------------------------------------------------------------------- */
:root {
  --assoc:         #7A1E34;  /* buttons, links, labels: 8.2:1 on the sand paper */
  --assoc-bright:  #AA304D;  /* hover: 5.2:1 on sand */
  --assoc-on-dark: #C6395B;  /* rules on the near-black bands: 3.5:1 there */

  /* The association pages stand on their own, deeper paper, so they are not mistaken for the
     conference at a glance (the user, 24 September 2026). A pale tint of the burgundy was tried
     first and came out pink, which is not a colour for a research community. On this darker
     paper the small grey labels needed darkening from #666560 to keep above the 4.5:1 that small
     text has to meet: they are 4.17 on it as they were, 4.88 as they are now. */
  --concrete: #5B5B56;
}

body { background: var(--stone-deep); }

/* the accent takes the place of the blue */
a { color: var(--assoc); }
a:hover { color: var(--assoc-bright); }
.eyebrow { color: var(--assoc); }
.eyebrow--light { color: rgba(255, 255, 255, .72); }
.eyebrow--muted { color: var(--ink-soft); }
.committee-group__label { color: var(--assoc); }
.btn-ipdmc { background: var(--assoc); color: #fff; }
.btn-ipdmc:hover { background: var(--ink); color: #fff; }
a.member-row:hover { border-color: var(--assoc); }
a.member-row:hover .person__name { color: var(--assoc); }
.member-row__go { color: var(--assoc); }
:focus-visible { outline-color: var(--assoc); }
::selection { background: var(--assoc); color: #fff; }

/* and a little colour on the pages themselves */
.assoc-rule { border-top-color: var(--assoc-on-dark); }
.assoc-nav .nav-link.is-current::before { background: var(--assoc-on-dark); }
.pillar { border-top-color: var(--assoc); }
.year-card__more { color: var(--assoc); }
.ed-nr { color: var(--assoc); }

/* Last item in the menu: the conference, the other half of the site. The mirror of the link the
   conference pages carry back to here (the user, 25 September 2026). On the dark bar the hairline
   and the type are white at low opacity rather than the grey used on the light one. The
   association menu expands at 992px, so the rule turns horizontal below that. */
.assoc-nav .nav-link--out {
  font-family: var(--font-mono);
  font-size: var(--step--1);
  letter-spacing: .1em;
  font-weight: 400;
  text-transform: uppercase;
  color: rgba(255, 255, 255, .55);
}
.assoc-nav .nav-link--out:hover,
.assoc-nav .nav-link--out:focus { color: #fff; }
@media (min-width: 992px) {
  .assoc-nav .nav-item--out { margin-left: .5rem; padding-left: 1.5rem; border-left: 1px solid rgba(255, 255, 255, .25); }
}
@media (max-width: 991.98px) {
  .assoc-nav .nav-item--out { margin-top: .5rem; padding-top: .6rem; border-top: 1px solid rgba(255, 255, 255, .25); }
}