/* Blog: black surfaces, warm ivory typography, and champagne gold accents. */
:root[data-theme=blog]{
  --ink:#e5ddce;
  --muted:#aea696;
  --teal:#c8b38a;
  --line:#4d432f;
  --paper:#191814;
  background:#121314;
  color:var(--ink);
  color-scheme:dark;
}
[data-theme=blog] body{display:flex;flex-direction:column;min-height:100svh;background:#121314;color:var(--ink)}
[data-theme=blog] ::selection{background:#514735;color:#f3eee5}
[data-theme=blog] a:focus-visible{outline:2px solid #dbc596;outline-offset:5px}
[data-theme=blog] .skip-link{background:var(--ink);color:#121314}
[data-theme=blog] .site-header{background:transparent;color:var(--ink)}
[data-theme=blog] .brand{font:italic 28px/1 Georgia,"Times New Roman",serif;letter-spacing:-.065em}
[data-theme=blog] .brand span{color:#c6b089}
[data-theme=blog] .site-header nav{gap:8px;border:0;background:transparent}
[data-theme=blog] .site-header nav a{background:transparent;color:var(--muted);font-weight:450}
[data-theme=blog] .site-header nav a:hover{background:#28241d;color:#f0e9db}
[data-theme=blog] .site-header nav a[aria-current=page]{background:#c8b38a;color:#171610}
[data-theme=blog] .document-shell{flex:1;width:100%;min-height:0;padding-top:56px}
[data-theme=blog] .kicker{color:var(--teal);font-weight:600;letter-spacing:.16em}
[data-theme=blog] .document-shell>h1{color:#d3bf90;font-weight:600;letter-spacing:-.04em}
[data-theme=blog] .document-shell .lead{color:var(--muted)}
[data-theme=blog] .button{font-weight:550;transition:background 150ms,color 150ms,border-color 150ms,transform 100ms}
[data-theme=blog] .primary{background:#c8b38a;border-color:#c8b38a;color:#171610}
[data-theme=blog] .primary:hover{background:#ddc79c;border-color:#ddc79c;color:#171610}
[data-theme=blog] .secondary{background:#191814;border-color:#66583f;color:#c6b89d}
[data-theme=blog] .secondary:hover{background:#2c261c;border-color:#ad9467;color:#f0e8d8}
[data-theme=blog] .text-link{color:#c8b38a;text-decoration-color:#887451;font-weight:500}
[data-theme=blog] .text-link:hover{color:#eee0c0;text-decoration-color:#c8b38a}
[data-theme=blog] .empty-state{border:1px solid var(--line);background:linear-gradient(120deg,#1c1a15,#151512);box-shadow:inset 0 1px 0 #c8b38a0a}
[data-theme=blog] .empty-state h2{color:var(--ink);font-weight:550}
[data-theme=blog] .surface{background:var(--paper)}
[data-theme=blog] .post-list h2 a{color:var(--ink);text-decoration-color:#887451}
[data-theme=blog] .post-list h2 a:hover{color:#dfcca6}
[data-theme=blog] article a{color:#d5c3a0;text-decoration-color:#887451}
[data-theme=blog] article a:hover{color:#f0e1c4}
[data-theme=blog] .document-shell code{color:#e1d4b8;background:#29261f;padding:.12em .35em;border-radius:4px}
[data-theme=blog] .document-shell pre{background:#10110f;color:#e1d4b8;border:1px solid var(--line)}
[data-theme=blog] .document-shell pre code{padding:0;border-radius:0;background:transparent}
[data-theme=blog] .document-shell blockquote{border-color:#887451}
[data-theme=blog] .document-shell th{background:#242118;color:var(--ink)}
[data-theme=blog] .document-shell hr{border:0;border-top:1px solid var(--line);margin:32px 0}
[data-theme=blog] .site-footer{background:#10110f;border-color:#36322b;color:#a29c90}
[data-theme=blog] .site-footer a{text-decoration-color:#6c6049}
[data-theme=blog] .site-footer a:hover{color:#e5ddce;text-decoration-color:#b7a27a}
@media(prefers-contrast:more){
  :root[data-theme=blog]{--muted:#d4c9b4;--line:#b6a07a}
}
@media print{
  :root[data-theme=blog]{--ink:#111;--muted:#444;--teal:#333;--line:#aaa;--paper:#fff;background:white;color:#111;color-scheme:light}
  [data-theme=blog] body{display:block;min-height:0;background:white;color:#111}
  [data-theme=blog] .document-shell{padding:0;min-height:0}
  [data-theme=blog] .document-shell :is(h1,h2,h3,a,code,th){color:#111}
  [data-theme=blog] .document-shell :is(.empty-state,.surface,.button,pre,code,th){background:transparent;box-shadow:none}
}

