:root { --color-background: #fff; --color-primary-20: #e8e8e8; --color-primary-50: #dcdcdc; --color-primary-100: #acacac; --color-primary-500: #505050; --color-primary-600: #3c3c3c; --color-accent-500: #007bff; --color-accent-600: #0056b3; --color-code: #e01e5a; --color-blockquote-border: #242424; --color-code-border: #1d1c1d21; --color-code-background: #1d1c1d0a; }

@media (prefers-color-scheme: dark) { :root { --color-background: #222; --color-primary-20: #4c4c4c; --color-primary-50: #454545; --color-primary-100: #757575; --color-primary-500: #ccc; --color-primary-600: #e6e6e6; --color-accent-500: #1e8ad6; --color-accent-600: #3ba0e6; --color-code: #e8912d; --color-blockquote-border: #dbdbdb; --color-code-border: #e8e8e821; --color-code-background: #e8e8e80a; } }
body { background-color: #fff; background-color: var(--color-background); color: #505050; color: var(--color-primary-500); font-family: 'Source Serif Pro', sans-serif; }
body a { color: #007bff; color: var(--color-accent-500); }
body a:hover { color: #0056b3; color: var(--color-accent-600); }
body .header .separator { margin-left: 5px; margin-right: 5px; color: #acacac; color: var(--color-primary-100); }

.table { color: #505050; color: var(--color-primary-500); }

h1 { margin-bottom: 5px; }

.feed { color: #acacac; }

.list { margin-top: 30px; }

.list h2 { font-size: 1.4em; }