:root,
body {
  background: var(--color-brand-blue);
}

header.bg-white,
#mobile-navigation.bg-white,
main > .bg-white {
  border-color: rgba(255, 255, 255, 0.24);
  background-color: var(--color-brand-blue);
  color: var(--color-white);
}

header.bg-white nav a:not(.button-primary):not(.button-secondary),
header.bg-white button,
#mobile-navigation.bg-white a:not(.button-primary):not(.button-secondary) {
  color: var(--color-white);
}

header.bg-white nav a:not(.button-primary):not(.button-secondary):hover {
  color: var(--color-brand-blue);
}

header.bg-white button,
#mobile-navigation.bg-white,
#mobile-navigation.bg-white a:not(.button-primary):not(.button-secondary) {
  border-color: rgba(255, 255, 255, 0.28);
}

#mobile-navigation.bg-white a:not(.button-primary):not(.button-secondary):hover {
  background-color: var(--color-brand-blue-dark);
  color: var(--color-white);
}

main > .bg-white .section-title,
main > .bg-white .text-brand-ink,
main > .bg-white .text-brand-blue,
main > .bg-white .text-brand-blue-dark,
main > .bg-white .text-link,
main > .bg-white .policy-copy h2,
main > .bg-white .policy-copy h3,
main > .bg-white .policy-copy a {
  color: var(--color-white);
}

main > .bg-white .eyebrow,
main > .bg-white .body-large,
main > .bg-white .text-brand-muted,
main > .bg-white .policy-copy p,
main > .bg-white .policy-copy ul {
  color: rgba(255, 255, 255, 0.78);
}

main > .bg-white .text-link,
main > .bg-white .policy-copy a {
  text-decoration-color: rgba(255, 255, 255, 0.55);
}

main > .bg-white .policy-copy > section {
  border-color: rgba(255, 255, 255, 0.24);
}

main > .bg-white .policy-table {
  color: rgba(255, 255, 255, 0.78);
}

main > .bg-white .policy-table td {
  border-color: rgba(255, 255, 255, 0.24);
}

main > .bg-white button[aria-label^="Open image"] .text-brand-ink {
  color: var(--color-brand-ink);
}