/* The app's and the server-rendered pages' (templates/_base.html) one palette and font. */
:root {
  color-scheme: light dark;
  --bg: #f6f7f9;
  --fg: #1b222c;
  --card-bg: #fff;
  --border: #c7cdd6;
  --muted: #5b6472;
  --error: #c0392b;
  --accent-bg: #1b222c;
  --accent-fg: #fff;
  --pending: #b7791f;
  --success: #2f855a;
  /* Chart series, validated together for colour-blind separation on --bg. */
  --chart-1: #e34948;
  --chart-2: #2a78d6;
  /* The header's and the page's width, so they line up. */
  --content-width: 720px;
}

@media (prefers-color-scheme: dark) {
  :root {
    --bg: #0b0e13;
    --fg: #e7eaee;
    --card-bg: #141922;
    --border: #2e3846;
    --muted: #8b96a5;
    --accent-bg: #e7eaee;
    --accent-fg: #0b0e13;
    --pending: #d9a441;
    --success: #48bb78;
    --chart-1: #e66767;
    --chart-2: #3987e5;
  }
}

body {
  font-family: system-ui, -apple-system, "Segoe UI", sans-serif;
  background: var(--bg);
  color: var(--fg);
}