/* old -- the look older posts keep (frontmatter `Theme: old`): the 2018-2025 blog, warm dark
   with Source Sans at 18px and cyan links. Values from static/old-blog.css and the engine
   client's "posts_old" theme. A post that carries this look keeps it whatever the site's theme is. */
@font-face { font-family: 'Source Sans'; src: url('fonts/source-sans-regular.woff') format('woff'); font-weight: 400; font-style: normal; font-display: swap; }
@font-face { font-family: 'Source Sans'; src: url('fonts/source-sans-italic.woff') format('woff'); font-weight: 400; font-style: italic; font-display: swap; }
@font-face { font-family: 'Source Sans'; src: url('fonts/source-sans-bold.woff') format('woff'); font-weight: 700; font-style: normal; font-display: swap; }
@font-face { font-family: 'Source Sans'; src: url('fonts/source-sans-bold-italic.woff') format('woff'); font-weight: 700; font-style: italic; font-display: swap; }
@font-face { font-family: 'Source Code'; src: url('fonts/source-code-regular.woff') format('woff'); font-display: swap; }

:root {
  color-scheme: dark;
  --track-body: 0px; --track-italic: 0px; --track-title: 0px; --track-heading: 0px; --track-mono: 0px;
  --bg: #272727; --panel: #2E2E2E; --recess: #1E1E1E; --off: rgba(218, 218, 218, 0.06);
  --text: #DADADA; --text-2: rgba(218, 218, 218, 0.666); --text-3: rgba(218, 218, 218, 0.5);
  --link: #019BD6; --link-hover: #46BEEB;
  --mark: #FFC440; --mark-wash: rgba(255, 196, 64, 0.15);
  --rule: rgba(218, 218, 218, 0.1); --rule-2: rgba(218, 218, 218, 0.25);
  --quote: rgba(218, 218, 218, 0.666);
  --owner: #019BD6; --claude: #D97757; --openai: #4AD0A8; --made: #FFC440;
  --release: #FFC440; --release-deep: #C2901E; --release-shine: #FFF1C2; --release-glow: rgba(255, 196, 64, 0.3);
  --proto: #CFD5DC; --proto-deep: #8F98A3; --proto-shine: #FFFFFF; --proto-glow: rgba(207, 213, 220, 0.25);
  --add: #82C878; --del: #EB786E;
  --spoiler-bg: #FFFFFF; --spoiler-text: #000000;

  --font-body: 'Source Sans', 'Source Sans 3', Arial, sans-serif;
  --font-title: 'Source Sans', 'Source Sans 3', Arial, sans-serif;
  --font-ui: 'Source Sans', 'Source Sans 3', Arial, sans-serif;
  --font-mono: 'Source Code', Consolas, monospace;

  --size-body: 18px; --line: 1.4;
  --col-text: 747px; --col-log: 930px; --col-list: 704px;
  --size-title: 1.5625rem; --size-h1: 1.5625rem; --size-h2: 1.0625rem; --size-h3: 1.0625rem; --weight-title: 700;
}
.prose a { text-decoration: underline; }
/* the old blog's gaps (theme.lua OLD_METRICS / OLD_GAP_BEFORE): 25 between blocks, 28 before an h1, 48 before an h2 or h3, 24 around an image */
.prose p, .prose pre.code, .prose .table-wrap, .prose .math, .prose .tweet, .prose .embed, .prose .details, .prose hr { margin-top: 1.389rem; }
.prose .h1 { margin-top: 1.556rem; }
.prose .h2, .prose .h3 { margin-top: 2.667rem; }
.prose figure, .prose .gallery, .prose .inline-video { margin: 1.333rem 0; }
.prose ul, .prose ol { margin-top: 0.694rem; }
.prose blockquote { margin: 1.389rem 0; font-style: normal; border-left: 4px solid var(--rule); padding-left: 16px; }