:root[data-theme="dark"] {
  /* approximated from screenshot — confirm exact hex once live */
  --bg: #0a0a1a;
  --text: #b8cde3;

  --header-bg: #0c1c97;
  --accent-green: #57ee11;
  --accent-lime: #A8E92F;
  --link-visited: #aa7de0;
  --link-new: #0d00ff;
  --link-old: #3d82ff;

  --font-display: 'DotGothic16', monospace;
  --font-mono: 'Fira Code', 'Roboto Mono', monospace;
  --font-secondary: 'lggothicmedium', sans-serif;
  --font-cjk: 'x12y12pxMaruminyaRegular', 'x12y12pxMaruminyaMRegular', sans-serif;

  background-color: var(--bg);
  color: var(--text);
  font-family: var(--font-mono);
}

[data-theme="dark"] h1,
[data-theme="dark"] h2,
[data-theme="dark"] h3 {
  font-family: var(--font-display);
  color: var(--accent-green);
}

[data-theme="dark"] nav {
  background-color: var(--header-bg);
}

[data-theme="dark"] a {
  color: var(--link-old);
}

[data-theme="dark"] a:visited {
  color: var(--link-visited);
}

[data-theme="dark"] a:hover {
  color: var(--accent-lime);
}