:root {
  --background: #0f1115;
  --foreground: #d8dee9;
  --accent: #8fbcbb;
  --font-size: 1rem;
  --line-height: 1.65em;
}

body {
  background: var(--background);
  color: var(--foreground);
}

.container {
  max-width: 760px;
}

.logo {
  font-weight: 700;
}

.header,
.footer {
  color: color-mix(in srgb, var(--foreground) 78%, transparent);
}

a:hover {
  color: #a3d6d4;
}

.post-title {
  line-height: 1.2;
}

.post-meta,
.post-tags,
.copyright {
  color: color-mix(in srgb, var(--foreground) 68%, transparent);
}

.post-content p,
.index-content p {
  font-size: 1rem;
}

pre,
code {
  background: #171a21;
}

img {
  border-color: color-mix(in srgb, var(--accent) 70%, var(--background));
}

img.stamp {
  display: inline-block;
  width: 120px;
  max-width: 120px;
  height: auto;
  padding: 4px;
  border-width: 2px;
}