diff --git a/assets/syntax.css b/assets/syntax.css
index a28d967..ba212f8 100644
--- a/assets/syntax.css
+++ b/assets/syntax.css
@@ -1,91 +1,157 @@
-/* This style is a variant of Dracula that is more accessible to people with poor eyesight */
-/* See https://web.dev/color-and-contrast-accessibility/ */
-/* And https://xyproto.github.io/splash/docs/dracula.html */
-/* And https://github.com/alecthomas/chroma/blob/a40c95e447a577322e20eac58f2f7c0d026665b0/styles/dracula.xml */
+/* Light: github, Dark: github-dark — toggled via prefers-color-scheme */
 
-/* Background */ .bg { color: #f8f8f2; background-color: #282a36; }
-/* PreWrapper */ .chroma { color: #f8f8f2; background-color: #282a36; }
-/* Other .chroma .x {  } */
-/* Error .chroma .err {  } */
-/* CodeLine .chroma .cl {  } */
-/* LineLink */ .chroma .lnlinks { outline: none; text-decoration: none; color: inherit }
-/* LineTableTD */ .chroma .lntd { vertical-align: top; padding: 0; margin: 0; border: 0; }
-/* LineTable */ .chroma .lntable { border-spacing: 0; padding: 0; margin: 0; border: 0; }
-/* LineHighlight */ .chroma .hl { background-color: #ffffcc }
-/* LineNumbersTable */ .chroma .lnt { white-space: pre; user-select: none; margin-right: 0.4em; padding: 0 0.4em 0 0.4em;color: #929292 }
-/* LineNumbers */ .chroma .ln { white-space: pre; user-select: none; margin-right: 0.4em; padding: 0 0.4em 0 0.4em;color: #929292 }
-/* Line */ .chroma .line { display: flex; }
-/* Keyword */ .chroma .k { color: #ff79c6 }
-/* KeywordConstant */ .chroma .kc { color: #ff79c6 }
-/* KeywordDeclaration */ .chroma .kd { color: #8be9fd; font-style: italic }
-/* KeywordNamespace */ .chroma .kn { color: #ff79c6 }
-/* KeywordPseudo */ .chroma .kp { color: #ff79c6 }
-/* KeywordReserved */ .chroma .kr { color: #ff79c6 }
-/* KeywordType */ .chroma .kt { color: #8be9fd }
-/* Name .chroma .n {  } */
-/* NameAttribute */ .chroma .na { color: #50fa7b }
-/* NameBuiltin */ .chroma .nb { color: #8be9fd; font-style: italic }
-/* NameBuiltinPseudo .chroma .bp {  } */
-/* NameClass */ .chroma .nc { color: #50fa7b }
-/* NameConstant .chroma .no {  } */
-/* NameDecorator .chroma .nd {  } */
-/* NameEntity .chroma .ni {  } */
-/* NameException .chroma .ne {  } */
-/* NameFunction */ .chroma .nf { color: #50fa7b }
-/* NameFunctionMagic .chroma .fm {  } */
-/* NameLabel */ .chroma .nl { color: #8be9fd; font-style: italic }
-/* NameNamespace .chroma .nn {  } */
-/* NameOther .chroma .nx {  } */
-/* NameProperty .chroma .py {  } */
-/* NameTag */ .chroma .nt { color: #ff79c6 }
-/* NameVariable */ .chroma .nv { color: #8be9fd; font-style: italic }
-/* NameVariableClass */ .chroma .vc { color: #8be9fd; font-style: italic }
-/* NameVariableGlobal */ .chroma .vg { color: #8be9fd; font-style: italic }
-/* NameVariableInstance */ .chroma .vi { color: #8be9fd; font-style: italic }
-/* NameVariableMagic .chroma .vm {  } */
-/* Literal .chroma .l {  } */
-/* LiteralDate .chroma .ld {  } */
-/* LiteralString */ .chroma .s { color: #f1fa8c }
-/* LiteralStringAffix */ .chroma .sa { color: #f1fa8c }
-/* LiteralStringBacktick */ .chroma .sb { color: #f1fa8c }
-/* LiteralStringChar */ .chroma .sc { color: #f1fa8c }
-/* LiteralStringDelimiter */ .chroma .dl { color: #f1fa8c }
-/* LiteralStringDoc */ .chroma .sd { color: #f1fa8c }
-/* LiteralStringDouble */ .chroma .s2 { color: #f1fa8c }
-/* LiteralStringEscape */ .chroma .se { color: #f1fa8c }
-/* LiteralStringHeredoc */ .chroma .sh { color: #f1fa8c }
-/* LiteralStringInterpol */ .chroma .si { color: #f1fa8c }
-/* LiteralStringOther */ .chroma .sx { color: #f1fa8c }
-/* LiteralStringRegex */ .chroma .sr { color: #f1fa8c }
-/* LiteralStringSingle */ .chroma .s1 { color: #f1fa8c }
-/* LiteralStringSymbol */ .chroma .ss { color: #f1fa8c }
-/* LiteralNumber */ .chroma .m { color: #bd93f9 }
-/* LiteralNumberBin */ .chroma .mb { color: #bd93f9 }
-/* LiteralNumberFloat */ .chroma .mf { color: #bd93f9 }
-/* LiteralNumberHex */ .chroma .mh { color: #bd93f9 }
-/* LiteralNumberInteger */ .chroma .mi { color: #bd93f9 }
-/* LiteralNumberIntegerLong */ .chroma .il { color: #bd93f9 }
-/* LiteralNumberOct */ .chroma .mo { color: #bd93f9 }
-/* Operator */ .chroma .o { color: #ff79c6 }
-/* OperatorWord */ .chroma .ow { color: #ff79c6 }
-/* Punctuation .chroma .p {  } */
-/* Comment */ .chroma .c { color: #8491b8 }
-/* CommentHashbang */ .chroma .ch { color: #8491b8 }
-/* CommentMultiline */ .chroma .cm { color: #8491b8 }
-/* CommentSingle */ .chroma .c1 { color: #8491b8 }
-/* CommentSpecial */ .chroma .cs { color: #8491b8 }
-/* CommentPreproc */ .chroma .cp { color: #ff79c6 }
-/* CommentPreprocFile */ .chroma .cpf { color: #ff79c6 }
-/* Generic .chroma .g {  } */
-/* GenericDeleted */ .chroma .gd { color: #ff5555 }
-/* GenericEmph */ .chroma .ge { text-decoration: underline }
-/* GenericError .chroma .gr {  } */
-/* GenericHeading */ .chroma .gh { font-weight: bold }
-/* GenericInserted */ .chroma .gi { color: #50fa7b; font-weight: bold }
-/* GenericOutput */ .chroma .go { color: #44475a }
-/* GenericPrompt .chroma .gp {  } */
-/* GenericStrong .chroma .gs {  } */
-/* GenericSubheading */ .chroma .gu { font-weight: bold }
-/* GenericTraceback .chroma .gt {  } */
-/* GenericUnderline */ .chroma .gl { text-decoration: underline }
-/* TextWhitespace .chroma .w {  } */
+/* Shared structural rules (no colors) */
+.chroma .lnlinks { outline:none;text-decoration:none;color:inherit }
+.chroma .lntd { vertical-align:top;padding:0;margin:0;border:0; }
+.chroma .lntable { border-spacing:0;padding:0;margin:0;border:0; }
+.chroma .lnt { white-space:pre;-webkit-user-select:none;user-select:none;margin-right:0.4em;padding:0 0.4em 0 0.4em; }
+.chroma .ln { white-space:pre;-webkit-user-select:none;user-select:none;margin-right:0.4em;padding:0 0.4em 0 0.4em; }
+.chroma .line { display:flex; }
+.chroma .ge { font-style:italic }
+.chroma .gs { font-weight:bold }
+.chroma .gl { text-decoration:underline }
+
+@media (prefers-color-scheme: light) {
+  /* Generated using: hugo gen chromastyles --style=github */
+  .bg { background-color:#f7f7f7; }
+  .chroma { background-color:#f7f7f7;-webkit-text-size-adjust:none; }
+  .chroma .err { color:#f6f8fa;background-color:#82071e }
+  .chroma .hl { background-color:#dedede }
+  .chroma .lnt { color:#7f7f7f }
+  .chroma .ln { color:#7f7f7f }
+  .chroma .k { color:#cf222e }
+  .chroma .kc { color:#cf222e }
+  .chroma .kd { color:#cf222e }
+  .chroma .kn { color:#cf222e }
+  .chroma .kp { color:#cf222e }
+  .chroma .kr { color:#cf222e }
+  .chroma .kt { color:#cf222e }
+  .chroma .na { color:#1f2328 }
+  .chroma .nc { color:#1f2328 }
+  .chroma .no { color:#0550ae }
+  .chroma .nd { color:#0550ae }
+  .chroma .ni { color:#6639ba }
+  .chroma .nl { color:#900;font-weight:bold }
+  .chroma .nn { color:#24292e }
+  .chroma .nx { color:#1f2328 }
+  .chroma .nt { color:#0550ae }
+  .chroma .nb { color:#6639ba }
+  .chroma .bp { color:#6a737d }
+  .chroma .nv { color:#953800 }
+  .chroma .vc { color:#953800 }
+  .chroma .vg { color:#953800 }
+  .chroma .vi { color:#953800 }
+  .chroma .vm { color:#953800 }
+  .chroma .nf { color:#6639ba }
+  .chroma .fm { color:#6639ba }
+  .chroma .s { color:#0a3069 }
+  .chroma .sa { color:#0a3069 }
+  .chroma .sb { color:#0a3069 }
+  .chroma .sc { color:#0a3069 }
+  .chroma .dl { color:#0a3069 }
+  .chroma .sd { color:#0a3069 }
+  .chroma .s2 { color:#0a3069 }
+  .chroma .se { color:#0a3069 }
+  .chroma .sh { color:#0a3069 }
+  .chroma .si { color:#0a3069 }
+  .chroma .sx { color:#0a3069 }
+  .chroma .sr { color:#0a3069 }
+  .chroma .s1 { color:#0a3069 }
+  .chroma .ss { color:#032f62 }
+  .chroma .m { color:#0550ae }
+  .chroma .mb { color:#0550ae }
+  .chroma .mf { color:#0550ae }
+  .chroma .mh { color:#0550ae }
+  .chroma .mi { color:#0550ae }
+  .chroma .il { color:#0550ae }
+  .chroma .mo { color:#0550ae }
+  .chroma .o { color:#0550ae }
+  .chroma .ow { color:#0550ae }
+  .chroma .p { color:#1f2328 }
+  .chroma .c { color:#57606a }
+  .chroma .ch { color:#57606a }
+  .chroma .cm { color:#57606a }
+  .chroma .c1 { color:#57606a }
+  .chroma .cs { color:#57606a }
+  .chroma .cp { color:#57606a }
+  .chroma .cpf { color:#57606a }
+  .chroma .gd { color:#82071e;background-color:#ffebe9 }
+  .chroma .ge { color:#1f2328 }
+  .chroma .gi { color:#116329;background-color:#dafbe1 }
+  .chroma .go { color:#1f2328 }
+  .chroma .w { color:#fff }
+}
+
+@media (prefers-color-scheme: dark) {
+  /* Generated using: hugo gen chromastyles --style=github-dark */
+  .bg { color:#e6edf3;background-color:#0d1117; }
+  .chroma { color:#e6edf3;background-color:#0d1117;-webkit-text-size-adjust:none; }
+  .chroma .err { color:#f85149 }
+  .chroma .hl { background-color:#6e7681 }
+  .chroma .lnt { color:#737679 }
+  .chroma .ln { color:#6e7681 }
+  .chroma .k { color:#ff7b72 }
+  .chroma .kc { color:#79c0ff }
+  .chroma .kd { color:#ff7b72 }
+  .chroma .kn { color:#ff7b72 }
+  .chroma .kp { color:#79c0ff }
+  .chroma .kr { color:#ff7b72 }
+  .chroma .kt { color:#ff7b72 }
+  .chroma .nc { color:#f0883e;font-weight:bold }
+  .chroma .no { color:#79c0ff;font-weight:bold }
+  .chroma .nd { color:#d2a8ff;font-weight:bold }
+  .chroma .ni { color:#ffa657 }
+  .chroma .ne { color:#f0883e;font-weight:bold }
+  .chroma .nl { color:#79c0ff;font-weight:bold }
+  .chroma .nn { color:#ff7b72 }
+  .chroma .py { color:#79c0ff }
+  .chroma .nt { color:#7ee787 }
+  .chroma .nv { color:#79c0ff }
+  .chroma .vc { color:#79c0ff }
+  .chroma .vg { color:#79c0ff }
+  .chroma .vi { color:#79c0ff }
+  .chroma .vm { color:#79c0ff }
+  .chroma .nf { color:#d2a8ff;font-weight:bold }
+  .chroma .fm { color:#d2a8ff;font-weight:bold }
+  .chroma .l { color:#a5d6ff }
+  .chroma .ld { color:#79c0ff }
+  .chroma .s { color:#a5d6ff }
+  .chroma .sa { color:#79c0ff }
+  .chroma .sb { color:#a5d6ff }
+  .chroma .sc { color:#a5d6ff }
+  .chroma .dl { color:#79c0ff }
+  .chroma .sd { color:#a5d6ff }
+  .chroma .s2 { color:#a5d6ff }
+  .chroma .se { color:#79c0ff }
+  .chroma .sh { color:#79c0ff }
+  .chroma .si { color:#a5d6ff }
+  .chroma .sx { color:#a5d6ff }
+  .chroma .sr { color:#79c0ff }
+  .chroma .s1 { color:#a5d6ff }
+  .chroma .ss { color:#a5d6ff }
+  .chroma .m { color:#a5d6ff }
+  .chroma .mb { color:#a5d6ff }
+  .chroma .mf { color:#a5d6ff }
+  .chroma .mh { color:#a5d6ff }
+  .chroma .mi { color:#a5d6ff }
+  .chroma .il { color:#a5d6ff }
+  .chroma .mo { color:#a5d6ff }
+  .chroma .o { color:#ff7b72;font-weight:bold }
+  .chroma .ow { color:#ff7b72;font-weight:bold }
+  .chroma .c { color:#8b949e;font-style:italic }
+  .chroma .ch { color:#8b949e;font-style:italic }
+  .chroma .cm { color:#8b949e;font-style:italic }
+  .chroma .c1 { color:#8b949e;font-style:italic }
+  .chroma .cs { color:#8b949e;font-weight:bold;font-style:italic }
+  .chroma .cp { color:#8b949e;font-weight:bold;font-style:italic }
+  .chroma .cpf { color:#8b949e;font-weight:bold;font-style:italic }
+  .chroma .gd { color:#ffa198;background-color:#490202 }
+  .chroma .gr { color:#ffa198 }
+  .chroma .gh { color:#79c0ff;font-weight:bold }
+  .chroma .gi { color:#56d364;background-color:#0f5323 }
+  .chroma .go { color:#8b949e }
+  .chroma .gp { color:#8b949e }
+  .chroma .gu { color:#79c0ff }
+  .chroma .gt { color:#ff7b72 }
+  .chroma .w { color:#6e7681 }
+}