@font-face {
  font-family: "Lora";
  src: url("/fonts/Lora/Lora-Regular.ttf") format("ttf");
  font-display: swap;
}
@font-face {
  font-family: "Literata";
  src: url("/fonts/Literata-Regular.ttf") format("ttf");
  font-display: swap;
}
:root {
  --bg: #ffffff;
  --fg: #111111;
  --accent: #005f73;
  --font-body: "Lora", serif;
  --font-mono: "Literata", monospace;
}
[data-theme="dark"] {
  --bg: #111111;
  --fg: #eeeeee;
}
body {
  background-color: var(--bg);
  color: var(--fg);
  font-family: var(--font-body);
  max-width: 700px;
  margin: 2rem auto;
  padding: 1rem;
  line-height: 1.6;
}
#sidebar {
  margin-bottom: 2rem;
}
details summary {
  font-weight: bold;
  cursor: pointer;
}
a {
  color: var(--accent);
  text-decoration: none;
}
a:hover {
  text-decoration: underline;
}