/* ABOUTME: Theme tokens and the few page-wide rules for the Wood and Threads site (light Ivory, dark Moon). */
/* ABOUTME: Page layout lives in inline styles from the Ivory & Slate design; this file holds variables, states and media rules. */
html{background:#F6F3EC}
html.wt-dark{background:#10131A}
body{margin:0}
.wt-light{--bg:#F6F3EC;--ink:#1A1917;--muted:#5C5850;--body:#3D3A34;--rule:#DCD6CA;--band:#EDE8DE;--card:#FFFFFF;--cardrule:#E3DDD1;--chip:#CFC8BA;--footer:#1A1917;--footer-mark:#2C2A26;--footer-rule:#34322E;--on-accent:#FFFFFF;--accent:#B4553A}
.wt-dark{--bg:#10131A;--ink:#ECE7DC;--muted:#A29E96;--body:#D5D0C6;--rule:#262A33;--band:#161A22;--card:#171B23;--cardrule:#2A2F39;--chip:#3A404B;--footer:#0A0C10;--footer-mark:#1C2028;--footer-rule:#1E222A;--on-accent:#14161C;--accent:#E09A7B}
.wt a{color:var(--ink)}.wt a:hover{color:var(--accent)}
.wt footer a{color:#BDB7AB}.wt footer a:hover{color:#F6F3EC}
.wt input::placeholder,.wt textarea::placeholder{color:#8F897D}
.wt summary{cursor:pointer}
.wt img{transition:filter .5s ease}
.wt-dark .wt img{filter:brightness(.86) saturate(.92)}
.wt-dark .wt .wt-logo{filter:invert(1) brightness(.93)}
.wt-dark ::selection{background:#E09A7B;color:#10131A}
.wt :focus-visible{outline:2px solid var(--accent);outline-offset:3px}
.wt-dark .show-light,.wt-light .show-dark{display:none}
.show-menu-open{display:none}
.menu-open .show-menu-open{display:inline-flex}
.menu-open .show-menu-closed{display:none}
.show-light,.show-dark,.show-menu-open,.show-menu-closed{align-items:center}
.wt .wt-menu{display:none;align-items:center;justify-content:center}
.hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
button[disabled]{opacity:.6;cursor:wait}
@media (max-width: 760px){.wt .wt-navlink{display:none !important}.wt .wt-menu{display:inline-flex !important}}
@media (min-width: 761px){#menu{display:none !important}}
@media (prefers-reduced-motion: reduce){.wt,.wt img{transition:none !important}}