/* Dark is the initial theme. The original palette remains available as Light. */
.header-actions{display:flex;align-items:center;gap:clamp(20px,3vw,48px)}
.theme-switch{display:inline-flex;align-items:center;padding:3px;border:1px solid #bbb7ad;border-radius:100px;white-space:nowrap}
.theme-switch button{border:0;border-radius:100px;background:transparent;color:inherit;padding:8px 13px;cursor:pointer;font-size:13px;font-weight:600;line-height:1.1;min-height:36px}
.theme-switch button[aria-pressed="true"]{background:#24231f;color:#f4f2ed}
.theme-switch button:focus-visible{outline:2px solid #a13d2b;outline-offset:3px}
html[data-theme="dark"]{color-scheme:dark;color:#f2f0eb;background:#191919}
html[data-theme="light"]{color-scheme:light}
html[data-theme="dark"] .site-header{border-bottom-color:#3d3d3d}
html[data-theme="dark"] .header-index{color:#969696}
html[data-theme="dark"] .intro-top{color:#aaa8a1}
html[data-theme="dark"] .intro-line{background:#626262}
html[data-theme="dark"] h1 em{color:#e18a75}
html[data-theme="dark"] .intro-aside p{color:#b9b6af}
html[data-theme="dark"] .diamond,html[data-theme="dark"] .empty-symbol{color:#e18a75}
html[data-theme="dark"] .section-head{border-top-color:#626262}
html[data-theme="dark"] .section-head span,html[data-theme="dark"] .art-number{color:#bbb8b1}
html[data-theme="dark"] .art-image{background:#626262}
html[data-theme="dark"] .empty{border-color:#626262}
html[data-theme="dark"] .empty p{color:#c4c1b9}
html[data-theme="dark"] .empty code{background:#333;color:#f2f0eb}
html[data-theme="dark"] .footer{background:#111;color:#f2f0eb}
html[data-theme="dark"] .footer span:nth-child(2){color:#aaa8a1}
html[data-theme="dark"] .theme-switch{border-color:#626262}
html[data-theme="dark"] .theme-switch button[aria-pressed="true"]{background:#f2f0eb;color:#191919}
html[data-theme="dark"] .brand-dot{color:#e18a75}
html[data-theme="dark"] .art-card:focus-visible,html[data-theme="dark"] .theme-switch button:focus-visible{outline-color:#e18a75}
@media(max-width:700px){.header-actions .header-label{display:none}.header-actions{gap:12px}}