/* style.css — journal entry styles for so1omon.net */ /* Dark theme default; light theme via [data-theme="light"] on */ * { box-sizing: border-box; margin: 0; padding: 0; } body { font-family: "Berkeley Mono", "Fira Code", "Cascadia Code", monospace; background: #0d1117; color: #c9d1d9; padding: 2.5rem 2rem; max-width: 680px; margin: 0 auto; line-height: 1.75; transition: background 0.15s, color 0.15s; } h1 { color: #e6edf3; font-size: 1.6rem; font-weight: bold; margin-bottom: 0.3rem; } h2 { color: #e6edf3; font-size: 1.2rem; font-weight: bold; margin: 1.5rem 0 0.75rem; } .entry-header { margin-bottom: 2.5rem; } .entry-date { font-size: 0.8rem; color: #484f58; margin-top: 0.2rem; } p { margin-bottom: 1.25rem; font-size: 0.95rem; color: #c9d1d9; } p:last-child { margin-bottom: 0; } em { font-style: italic; } strong { font-weight: bold; color: #e6edf3; } blockquote { border-left: 2px solid #30363d; padding-left: 1rem; margin: 1rem 0; color: #8b949e; font-style: italic; } a { color: #58a6ff; text-decoration: none; } a:hover { text-decoration: underline; } .entry-nav { margin-top: 2.5rem; padding-top: 1rem; border-top: 1px solid #21262d; font-size: 0.8rem; display: flex; justify-content: space-between; gap: 1rem; } .entry-nav a { color: #58a6ff; text-decoration: none; } .entry-nav a:hover { text-decoration: underline; } /* --- Light theme overrides --- */ html[data-theme="light"] body { background: #f6f8fa; color: #24292e; } html[data-theme="light"] h1, html[data-theme="light"] h2, html[data-theme="light"] strong { color: #1c2128; } html[data-theme="light"] .entry-date { color: #6e7781; } html[data-theme="light"] p { color: #24292e; } html[data-theme="light"] a { color: #0969da; } html[data-theme="light"] blockquote { border-left-color: #d0d7de; color: #57606a; } html[data-theme="light"] .entry-nav { border-top-color: #d0d7de; } html[data-theme="light"] .entry-nav a { color: #0969da; }