:root {
  --bg: #181716;
  --border: #403c38;
  --fg: #d7d3cc;
  --fg-soft: #b9b4ac;
  --fg-muted: #a39d95;
  --title-link: #c8b49b;
  --text-link: #b9ac98;
  --link-hover: #98ad7e;
  --accent: #98ad7e;
  --focus-offset: 2px;
}

html {
  color-scheme: dark;
}

body {
  max-width: 800px;
  margin: 0 auto;
  padding: 20px;
  color: var(--fg);
  background-color: var(--bg);
}

a:link { color: var(--text-link); }
a:visited { color: var(--text-link); }
a:hover { color: var(--link-hover); }
a:focus-visible {
  outline: 2px solid var(--accent);
  outline-offset: var(--focus-offset);
}

.back-link {
  margin-bottom: 1rem;
  color: var(--fg-soft);
}