:root:not([data-theme='dark']) {
  --color-background: #f7f2e9;
  --color-wrap: #fffefa;
  --color-default: #554738;
  --color-header-background: rgba(255,254,250,.94);
  --color-footer-background: #fffefa;
}
[data-theme='dark']:root { --red-1: #d8bc8e; --red-2: #e5ccaa; --color-default: #d8cec1; }
#header-title { text-shadow: 0 1px 8px rgba(255,255,255,.75); }
#header-title #logo, #header-title #subtitle { color: #62452c; text-shadow: 0 1px 12px rgba(255,250,235,.8); }
#header { min-height: 530px; height: 56vh; max-height: 700px; }
#header img { top: 56px; height: calc(100% - 56px); object-position: 50% 0%; mask: linear-gradient(to top, transparent, #fff 18%); -webkit-mask: linear-gradient(to top, transparent, #fff 18%); }
#header-title { top: 28%; left: 6%; width: 36%; margin: 0; text-align: left; opacity: 1; filter: none; animation: none; }
#header-title #subtitle { width: 100%; margin: 0; }
#header-title #logo { letter-spacing: .12em; }
@media (max-width: 767px) {
  #header { min-height: 540px; height: 68vh; max-height: 640px; }
  #header img { object-position: 55% 0%; mask: linear-gradient(to top, transparent, #fff 12%); -webkit-mask: linear-gradient(to top, transparent, #fff 12%); }
  #header-title { top: auto; bottom: 62px; left: 7%; width: 86%; }
  #header-title #logo, #header-title #subtitle { color: #fff9ed; text-shadow: 0 2px 12px #4b321f; }
  #header-title #subtitle { max-width: 290px; }
}
.sidebar-author img { border: 2px solid #c5b182; }
.article-entry { line-height: 1.95; }
.article-entry h2 { letter-spacing: .04em; }
.article-entry blockquote { border-left-color: #b7a374; }
a:focus-visible, button:focus-visible { outline: 3px solid #b7a374; outline-offset: 4px; }
