@import url(https://fonts.googleapis.com/css2?family=Silkscreen:wght@400&display=swap);
@media (prefers-color-scheme: dark) {
  html body section.page > .page__content h1 .buttons button,
  html body section.page > .page__content h1 .buttons a.button {
    color: #FFF;
  }
  html body section.page > .page__content h1 .buttons button[disabled],
  html body section.page > .page__content h1 .buttons a.button[disabled] {
    background-color: var(--color-4);
    color: #FFF;
  }
}
@media (prefers-color-scheme: dark) {
  html body section.page > .page__content h1 form select {
    background-color: var(--color-5);
    color: #000;
  }
}
@media (prefers-color-scheme: dark) {
  html body section.page > .page__content h2 {
    color: #FFF;
  }
}
@media (prefers-color-scheme: dark) {
  html body section.page > .page__content h2 .buttons button,
  html body section.page > .page__content h2 .buttons a.button {
    color: #FFF;
  }
  html body section.page > .page__content h2 .buttons button[disabled],
  html body section.page > .page__content h2 .buttons a.button[disabled] {
    background-color: var(--color-4);
    color: #FFF;
  }
}
@media (prefers-color-scheme: dark) {
  html body section.page > .page__content h3 {
    color: #FFF;
  }
}

@media (prefers-color-scheme: dark) {
  form fieldset label {
    color: #FFF;
  }
}
@media (prefers-color-scheme: dark) {
  form fieldset input {
    color: #FFF;
    border-color: #FFF;
  }
  form fieldset input::-moz-placeholder {
    color: #FFF;
    opacity: 0.75;
  }
  form fieldset input::placeholder {
    color: #FFF;
    opacity: 0.75;
  }
  form fieldset input[disabled] {
    background-color: var(--color-5);
    color: #000;
  }
}
@media (prefers-color-scheme: dark) {
  form fieldset select {
    color: #FFF;
    background-color: var(--color-4);
    border-color: #FFF;
    background-image: url("data:image/svg+xml;utf8,<svg fill='white' height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'><path d='M7 10l5 5 5-5z'/><path d='M0 0h24v24H0z' fill='none'/></svg>");
  }
  form fieldset select[disabled] {
    background-color: var(--color-5);
    color: #000;
  }
}
@media (prefers-color-scheme: dark) {
  form fieldset textarea {
    background-color: var(--color-5);
  }
  form fieldset textarea::-moz-placeholder {
    color: #FFF;
    opacity: 0.75;
  }
  form fieldset textarea::placeholder {
    color: #FFF;
    opacity: 0.75;
  }
}
@media (prefers-color-scheme: dark) {
  form fieldset.formSubmit input {
    color: #FFF;
  }
  form fieldset.formSubmit input[disabled] {
    background-color: var(--color-5);
    color: #000;
  }
}
@media (prefers-color-scheme: dark) {
  form fieldset.formSubmit button {
    color: #FFF;
  }
}

@media (prefers-color-scheme: dark) {
  body .page__content--inner .grid > .row {
    color: #FFF;
  }
}
@media (prefers-color-scheme: dark) {
  body .page__content--inner .grid > .row .dm-border-white {
    border-color: #FFF !important;
  }
}
@media (prefers-color-scheme: dark) {
  body .page__content--inner .blocks .block > .content {
    color: #FFF;
  }
}

@media (prefers-color-scheme: dark) {
  body.pronouns .page__content--inner .grid > .row > form .pronoun_blocks .block input[type=text] {
    color: #FFF;
  }
}

@media (prefers-color-scheme: dark) {
  body.hattington .page__content--inner .grid > .row.hatData .hatDataRow .hat_list .table .row > div {
    color: #000;
  }
}

@media (prefers-color-scheme: dark) {
  body.login .page__content--inner .blocks .block form fieldset.error {
    color: #ff6961;
  }
}
