/* =========================
   Color system
========================= */
:root {
  --color-petal-plush: oklch(0.87 0.0695 315.31);
  --color-petal-plush-fallback: #c4b5fd;
}

/* =========================
   Base dark mode
========================= */
body {
  background-color: #000 !important;
  color: #fff !important;
}

.wrapper,
.container,
.email-body {
  background-color: #000 !important;
  color: #fff !important;
}

p, h1, h2, h3, h4, h5, h6, span, td {
  color: #fff !important;
}

/* =========================
   Links
========================= */
a {
  color: var(--color-petal-plush-fallback);
  color: var(--color-petal-plush);
  text-decoration: none;
}

a:hover {
  opacity: 0.85;
}

/* =========================
   Buttons
========================= */
button,
.btn,
.button,
a.button {
  background-color: var(--color-petal-plush-fallback) !important;
  background-color: var(--color-petal-plush) !important;
  color: #000 !important;
  border-radius: 6px !important;
  padding: 12px 20px !important;
  font-weight: 600;
  display: inline-block;
}

/* =========================
   Footer
========================= */
footer.container {
  color: #9ca3af;
}

footer.container a {
  color: var(--color-petal-plush-fallback);
  color: var(--color-petal-plush);
}