/* Official Dracula palette override */
:root {
  --ink: #e7e7e2;
  --muted: #7c88ad;
  --dim: #596583;
  --navy: #1c1d26;
  --panel: #30323f;
  --line: rgba(98, 108, 143, .28);
  --cyan: #72c8d8;
  --violet: #a681d8;
  --pink: #d969aa;
  --green: #48d36b;
  --orange: #d99b5c;
  --red: #d94b4b;
  --yellow: #cdd477;
}

body { background: #1c1d26; }

.site {
  background: radial-gradient(circle at 80% 12%, rgba(166, 129, 216, .1), transparent 27%), #1c1d26;
}

.header { background: rgba(28, 29, 38, .9); }
.brand-mark { border-color: rgba(114, 200, 216, .5); }
.button.primary,
.filters button.active { color: #1c1d26; }

.equations strong,
.steps p,
.about-copy p:first-child { color: #e7e7e2; }

.band,
.principles,
.publication pre { background: #15161d; }

.card {
  background: linear-gradient(135deg, rgba(48, 50, 63, .48), rgba(28, 29, 38, .25));
}

.card:hover { background: rgba(114, 200, 216, .06); }

.model {
  background: linear-gradient(145deg, rgba(166, 129, 216, .13), rgba(48, 50, 63, .58));
}

.sample { background: rgba(48, 50, 63, .32); }
.sample ul,
.pipeline span,
.publication .note { color: #e7e7e2; }
.publication pre { color: #72c8d8; }

.footer { background: #15161d; }

@media (max-width: 760px) {
  .nav { background: #1c1d26; }
}