:root {
  color-scheme: dark;
}

html,
body {
  background: #0F172A;
  color: #E5E7EB;
}

.container.wrap {
  background: #111827;
  border-color: #334155;
  box-shadow: 2px 2px 0 #020617;
}

.header {
  border-color: #334155;
}

.header .logo {
  text-align: center;
}

.header .logo img {
  display: block;
  width: 250px;
  max-width: 100%;
  height: auto;
  margin: 0 auto;
}

label {
  color: #CBD5E1;
}

input[type="text"],
input[type="email"],
input[type="password"],
select,
textarea {
  background: #0B1220 !important;
  color: #FFFFFF !important;
  border-color: #475569;
  box-shadow: none !important;
}

input::placeholder,
textarea::placeholder {
  color: #9CA3AF !important;
  opacity: 1;
}

option {
  color: #FFFFFF;
  background: #0B1220;
}

a {
  color: #60A5FA;
}

a:hover {
  color: #BFDBFE;
}

.button {
  background: #2563EB;
  color: #FFFFFF;
}

.button:hover {
  background: #1D4ED8;
  color: #FFFFFF;
}

.button.button-outline {
  background: #111827;
  border-color: #60A5FA;
  color: #93C5FD;
}

.button.button-outline:hover {
  background: #1E3A8A;
  border-color: #93C5FD;
  color: #FFFFFF;
}

.lists .description,
.archive .date {
  color: #94A3B8;
}

.unsub-all {
  border-color: #334155;
}

.form .button {
  width: 100%;
}

input[type="checkbox"] {
  accent-color: #2563EB;
}