nav a.current {
  color: var(--accent) !important;
  border-color: var(--accent) !important;
}

ul.blog-posts {
  padding-left: 0;
}

ul.blog-posts > li {
  list-style-type: none;
  display: flex;
}

ul.blog-posts > li span {
  flex: 0 0 130px;
  color: var(--text-light);
}

/* ── Theme colors ────────────────────────────────────────────── */

:root[data-theme="light"] {
  --bg: #fff;
  --accent-bg: #f5f7ff;
  --text: #212121;
  --text-light: #585858;
  --border: #898EA4;
  --accent: #0d47a1;
  --accent-hover: #1266e2;
  --accent-text: var(--bg);
  --code: #d81b60;
  --preformatted: #444;
  --marked: #ffdd33;
  --disabled: #efefef;
}

:root[data-theme="dark"] {
  color-scheme: dark;
  --bg: #212121;
  --accent-bg: #2b2b2b;
  --text: #dcdcdc;
  --text-light: #ababab;
  --accent: #ffb300;
  --accent-hover: #ffe099;
  --accent-text: var(--bg);
  --code: #f06292;
  --preformatted: #ccc;
  --disabled: #111;
}

:root[data-theme="dark"] img,
:root[data-theme="dark"] video {
  opacity: 0.8;
}


.error-page {
   text-align: center;
   margin: 10px auto;
   max-width: 600px;
 }

 .error-page h1 {
   font-size: 4em;
   line-height: 1;
   letter-spacing: -1px;
   margin: 30px 0;
 }