:root,
::backdrop {
  /* light theme */
  --bg: #172A3A;
  --accent-bg: #24425b;
  --text: #dcdcdc;
  --text-light: #ababab;
  --border: #898EA4;
  --accent: #FFD166;
  --accent-hover: #fff0cc;
  --accent-text: var(--bg);
  --code: #f06292;
  --preformatted: #ccc;
  --marked: #ffdd33;
  --disabled: #efefef;
}

/* Dark theme */
@media (prefers-color-scheme: dark) {
  :root,
  ::backdrop {
    color-scheme: dark;
    --bg: #16191D;
    --accent-bg: #16191D;
    --text: #dcdcdc;
    --text-light: #ababab;
    --border: #2E5A4E;
    --accent: 957E48;
    --accent-hover: #fff0cc;
    --accent-text: var(--bg);
    --code: #f06292;
    --preformatted: #ccc;
    --disabled: #111;
  }
}

html {
	font-size: 12px;
}

table {
	margin-left: auto;
	margin-right: auto;
}

table td,
table th { text-align: end; }