/* Retheme the site to the brand palette (navy / steel gray) in place of
   the DPD-reagent rose. Loaded after style.css and brand.css. Draft only. */
:root {
  --paper:   #FFFFFF;
  --paper-2: #F2F4F6;
  --ink:     #0E1B28;
  --slate:   #56687A;
  --rule:    #D9DEE3;
  --reagent: #0B2D4B;          /* CTA and hover accent */
  --link:    #1F5A8C;          /* 6.9:1 on --paper */
  --label:   #6B7C8A;          /* section labels: a layer apart from headings */
}
@media (prefers-color-scheme: dark) {
  :root {
    --paper:   #0A1520;
    --paper-2: #111E2E;
    --ink:     #E6EBF0;
    --slate:   #93A3B1;
    --rule:    #213345;
    --reagent: #9CC0E4;
    --link:    #9CC0E4;
    --label:   #93A3B1;
  }
}

.eyebrow { color: var(--label); font-weight: 600; }

.lead-text a, .more__link {
  color: var(--link);
  text-decoration: underline;
  text-decoration-thickness: 1px;
  text-underline-offset: .2em;
}
.lead-text a:hover, .more__link:hover { color: var(--reagent); }

/* The record band's colors are literals in style.css, not tokens.
   Brand navy in both modes; the footer joins it so it doesn't dangle. */
.band--record,
.foot { background: #0B2D4B; color: #F8F9FA; }
.foot { border-top: 1px solid rgba(255, 255, 255, .1); color: #AEB8C0; }
.band--record .lead-head { color: #F8F9FA; }
.band--record .lead-text { color: #B9C4CE; }
.band--record .eyebrow,
.band--record .record__row dt { color: #AEB8C0; }
.band--record .record__row a {
  color: #F8F9FA;
  text-decoration: underline;
  text-decoration-color: #AEB8C0;
  text-underline-offset: .2em;
}
.band--record .record__row a:hover { text-decoration-color: #F8F9FA; }
@media (prefers-color-scheme: dark) {
  .band--record, .foot { background: #0B2D4B; }
  .band--record { border-top: 1px solid rgba(255, 255, 255, .08); }
}