@media(prefers-reduced-motion:reduce) {
  .reader {
    transition: none
  }

  #dmf-reader .horizontal-paper.next,
  #dmf-reader .horizontal-paper.previous {
    animation: none
  }
}

#dmf-reader {
  --chrome-bg: var(--ink);
  --chrome-text: var(--cream);
  --chrome-border: #fff6e740
}

#dmf-reader.is-dark {
  --chrome-bg: var(--cream);
  --chrome-text: var(--ink);
  --chrome-border: #39214f30
}

#dmf-reader .reader-toolbar,
#dmf-reader.is-dark .reader-toolbar,
#dmf-reader .view-tabs,
#dmf-reader.is-dark .view-tabs,
#dmf-reader .horizontal-controls,
#dmf-reader.is-dark .horizontal-controls,
#dmf-reader .horizontal-status,
#dmf-reader.is-dark .horizontal-status {
  background: var(--chrome-bg);
  color: var(--chrome-text);
  border-color: var(--chrome-border);
}

#dmf-reader .reader-toolbar button,
#dmf-reader.is-dark .reader-toolbar button,
#dmf-reader .view-tabs button,
#dmf-reader.is-dark .view-tabs button,
#dmf-reader .horizontal-controls button,
#dmf-reader.is-dark .horizontal-controls button,
#dmf-reader .horizontal-controls select,
#dmf-reader.is-dark .horizontal-controls select {
  background: var(--chrome-bg);
  color: var(--chrome-text);
  border-color: var(--chrome-border);
}

#dmf-reader .view-tabs button[aria-pressed=true],
#dmf-reader.is-dark .view-tabs button[aria-pressed=true] {
  background: var(--chrome-text);
  color: var(--chrome-bg);
  border-color: var(--chrome-text);
}

#dmf-reader .reader-toolbar button:focus-visible,
#dmf-reader .view-tabs button:focus-visible,
#dmf-reader .horizontal-controls button:focus-visible,
#dmf-reader .horizontal-controls select:focus-visible {
  outline: 2px solid var(--chrome-text);
  outline-offset: 3px;
}

#dmf-reader .reader-layout {
  padding: 0;
  gap: 0
}

#dmf-reader .reader-toolbar {
  margin: 0
}

#dmf-reader .horizontal-controls label {
  margin: 0
}

#dmf-reader.theme-azul,
#dmf-reader.theme-verde {
  --chrome-bg: var(--tone-soft);
  --chrome-text: #39214f;
  --chrome-border: var(--tone);
  background: #fff6e7;
  color: #39214f
}

#dmf-reader.theme-azul {
  --tone: var(--brand-blue);
  --tone-soft: var(--blue-soft)
}

#dmf-reader.theme-verde {
  --tone: var(--brand-green);
  --tone-soft: var(--green-soft)
}

#dmf-reader.theme-azul.is-dark,
#dmf-reader.theme-verde.is-dark {
  --chrome-bg: #fff6e7;
  --chrome-text: #39214f;
  --chrome-border: #39214f30;
  background: var(--tone-soft);
  color: #39214f
}

#dmf-reader.theme-azul.is-dark .horizontal-paper :is(p, h1, h2, h3, .kicker),
#dmf-reader.theme-verde.is-dark .horizontal-paper :is(p, h1, h2, h3, .kicker) {
  color: #39214f
}

#dmf-reader.theme-azul .view-tabs button[aria-pressed=true],
#dmf-reader.theme-verde .view-tabs button[aria-pressed=true] {
  background: #39214f;
  color: #fff6e7;
  border-color: #39214f
}