/* Colours */
:root {
  --background: var(--gray-8);
  --shadow: var(--black);
}

body.dark {
  --background: var(--gray-8);
  --on-background: var(--gray-1);
  --surface: var(--gray-9);
  --on-surface: var(--gray-4);
}

.author { color: inherit }

.status nav, .status nav .chip { color: var(--gray-7) }

.avatar::after {
  background-color: var(--surface-container-low);
  border: 1px dashed var(--gray-4)
}

article.ephemeral { border: 2px dashed var(--gray-7) }

article.now {
  background-color: var(--green-2);
  color: var(--black)
}

a.row.indent { border-left: 1px solid var(--outline) }

.markdown-editor .editor-preview { background: var(--surface) }

menu > details > a:is(:hover,:focus,.active), menu > details > summary:is(:hover,:focus,.active) {
  background-color: var(--active)
}

#advanced :is(.field.textarea, textarea), .EasyMDEContainer {
  background-color: #212121;
  color: #eff
}