@import url("workbench.css");
:root {  --glass: var(--surface); --lift: none; --bg: #f4f0e4; --surface: #faf7ee; --sunk: #e9e4d4; --ink: #17150f; --ink2: #4f493c; --ink3: #665f50; --rule: #d9d3c1; --accent-soft: #dfe5f8; --edge: #8a8576; --leadink: #17150f; --band-ink: #17150f; --blend: multiply; color-scheme: light; }
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) { color-scheme: dark; --lift: none; --bg: #141311; --surface: #1b1a17; --sunk: #100f0e; --ink: #ece7da; --ink2: #b5af9f; --ink3: #a39d8e; --rule: #2e2c27; --edge: #5c584d; --band-ink: #17150f; --blend: normal; }
}
:root[data-theme="dark"] { color-scheme: dark; --lift: none; --bg: #141311; --surface: #1b1a17; --sunk: #100f0e; --ink: #ece7da; --ink2: #b5af9f; --ink3: #a39d8e; --rule: #2e2c27; --edge: #5c584d; --band-ink: #17150f; --blend: normal; }
/* B. Riso at the edges: A, plus three inks on the edges only. A pink band behind the top bar, a pink numeral in the note reader,
   pink and blue rules on section headings. The middle stays calm. */
.topbar { background: var(--pink); color: var(--band-ink); border-bottom: 2px solid var(--band-ink); }
.topbar .badge, .topbar .tb-icon, .topbar .ibtn:not(.pill):not([aria-pressed]) { color: var(--band-ink); }
.topbar .badge:hover { background: rgba(23, 21, 15, .14); }
.topbar .ibtn:not(.pill):hover:not(:disabled) { background: rgba(23, 21, 15, .14); color: var(--band-ink); }
.topbar .seg, .topbar .ibtn.pill, .topbar .tb-themebtn { border-color: var(--band-ink); }
.topbar.searching .search { background: var(--pink); }
.topbar .search input { border-color: var(--band-ink); }
.badge .dot { background: var(--band-ink); border-color: var(--band-ink); }
.nb-main .big { color: var(--pink-ink); background: none; mix-blend-mode: var(--blend); padding: 0; }
h3.lab { border-top: 3px solid var(--pink); }
.subhead { border-bottom: 3px solid var(--accent); }
.memo-body h2, .memo-body h3 { border-top: 3px solid var(--accent); }
.memo-body > h2:first-child { border-top: 0; }
.rd-bar { border-bottom: 3px solid var(--pink); }
.rd h2 { margin-bottom: 14px; }
.kicker, .rd .eyebrow { color: var(--accent); }
.memohead { border-bottom: 3px solid var(--pink); }
.wl-top { border-top: 6px solid var(--pink); padding-top: 4px; }
.tabs button[aria-selected="true"] { border-bottom-color: var(--pink); }