/* Setern monochrome brand system for Privacy and Terms. */
:root {
  color: #ffffff;
  background: #000000;
  --dark: #000000;
  --paper: #000000;
  --ink: #ffffff;
  --muted: rgb(255 255 255 / 62%);
  --line: rgb(255 255 255 / 16%);
  --accent: #c68a45;
}

html,
body,
.legal-header,
.legal-hero,
.legal-layout,
.legal-footer {
  color: #ffffff;
  background: #000000;
}

.legal-header,
.legal-hero,
.legal-footer,
.legal-content section {
  border-color: rgb(255 255 255 / 16%);
}

.legal-header > a,
.legal-kicker,
.legal-updated,
.legal-nav,
.legal-content p,
.legal-content li,
.legal-footer {
  color: rgb(255 255 255 / 64%);
}

.legal-brand,
.legal-nav strong,
.legal-content h2,
.legal-content a,
.legal-header > a:hover,
.legal-header > a:focus-visible {
  color: #ffffff;
}

.legal-header > a {
  border-color: rgb(255 255 255 / 34%);
}

.legal-note {
  color: #ffffff;
  background: #000000;
  border-top: 1px solid rgb(255 255 255 / 16%);
  border-right: 1px solid rgb(255 255 255 / 16%);
  border-bottom: 1px solid rgb(255 255 255 / 16%);
}

.legal-content a:hover,
.legal-content a:focus-visible {
  color: var(--accent);
}

::selection {
  color: #000000;
  background: var(--accent);
}