/* Themeable colors. Per-issue overrides are applied as inline CSS variables on by spockify.js; anything not overridden falls back to here. */ :root { --bg: #eee; --fg: #222; --accent: #0000ee; --content-bg: rgba(0, 0, 0, 0.1); } html.dark { --bg: #222; --fg: #eee; --accent: #ff5555; --content-bg: rgba(255, 255, 255, 0.08); } html { box-sizing: border-box; max-width: 70ch; margin: auto; font-size: 1.25em; background-color: var(--bg); color: var(--fg); line-height: 1.4; font-family: sans-serif; } * { box-sizing: inherit; } h1, h2, h3, h4, h5, h6 { font-family: sans-serif; font-weight: normal; } img { max-width: 100%; height: auto; } ul.toc li { list-style-type: none; padding-left: 0; } .content { padding: 1em; background-color: var(--content-bg); } a:link, a:visited { color: var(--accent); text-decoration: none; } a:hover { text-decoration: underline; }