:root {
  --subheading-text: #526781;
}

:root[data-theme="dark"] {
  --subheading-text: #b8c7e3;
}

@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    --subheading-text: #b8c7e3;
  }
}

html body a[href] {
  color: var(--cobalt) !important;
}

.hero p,
.method-note,
.control-title span:last-child {
  color: var(--subheading-text) !important;
}