/* Color overrides only; the shared layout and light/print styles stay intact.
   Loaded after syntax highlighting, only for screens requesting dark mode. */
html {
  color-scheme: dark;
  color: #e3e5e8;
  background-color: #181a1f;
}

main, a.email { color: #e3e5e8; }
a, header h1, header h1 a { color: #ff9290; }
a:hover, header h1 a:hover { color: #ffc0be; }
h2 { color: #adb9ca; }
footer { color: #adb3bd; }
footer a { color: #ff9290; }

blockquote {
  background-color: #242830;
  border-left-color: #778395;
}
hr { border-top-color: #59616e; }
#projects hr { background-color: #59616e; }
#projects hr::after { background-color: #181a1f; }
.code-error { text-decoration-color: #ff9290; }

::selection { color: #fff; background-color: #465b7b; }

/* Match the existing highlight.js token groups without changing code spacing. */
.hljs { color: #e3e5e8; background: #242830; }
.hljs-comment, .hljs-quote { color: #abb3c0; }
.hljs-doctag, .hljs-formula, .hljs-keyword { color: #d8a0ed; }
.hljs-deletion, .hljs-name, .hljs-section,
.hljs-selector-tag, .hljs-subst { color: #f49ca5; }
.hljs-literal { color: #78d1e1; }
.hljs-addition, .hljs-attribute, .hljs-meta .hljs-string,
.hljs-regexp, .hljs-string { color: #acd590; }
.hljs-attr, .hljs-number, .hljs-selector-attr, .hljs-selector-class,
.hljs-selector-pseudo, .hljs-template-variable, .hljs-type,
.hljs-variable { color: #e9c184; }
.hljs-bullet, .hljs-link, .hljs-meta, .hljs-selector-id,
.hljs-symbol, .hljs-title { color: #8fc5ff; }
.hljs-built_in, .hljs-class .hljs-title,
.hljs-title.class_ { color: #e9d58b; }