/* Gold reaches only 3.4:1 on the background, so it marks edges and never
   carries text. Red stays for hover and errors. */
:root {
  --gm-gold: #a08500;
  --gm-red: #a00000;
}

/* :where keeps specificity at zero, so a typed or quiet heading keeps its colour. */
:where(.hero__name, .page__title, .detail-hero__title, .section-title) {
  color: var(--color-text-strong);
}

.site-header { border-bottom: var(--line-strong) solid var(--gm-gold); }

.section-title {
  text-decoration: underline 3px var(--gm-gold);
  text-underline-offset: 6px;
}

.site-footer { border-top: 3px solid var(--gm-gold); }

.form__errors { color: var(--gm-red); }

::selection { background: #f1e5a6; color: var(--color-text); }