:root{color-scheme:light;--on-plum:#fff;--code-bg:#ece8e1;--source-bg:#faf8f4;--draft-bg:#ece8df;--field-line:#bcb1b8;--error-bg:#fbe9e8;--error-ink:#A3472B}
:root[data-theme=dark]{color-scheme:dark;--bg:#19161c;--paper:#242027;--ink:#eee7ef;--muted:#bab0bf;--plum:#d5a6c9;--on-plum:#291923;--line:#443b47;--sage:#252e27;--tint:#382b36;--code-bg:#2d2730;--source-bg:#29242c;--draft-bg:#302a30;--field-line:#776a7b;--error-bg:#46292b;--error-ink:#f1b8aa}
.logo{display:inline-flex;align-items:center;flex:none;line-height:1;letter-spacing:normal}
.logo svg{display:block;width:220px;height:auto;overflow:visible}
.logo .logo-section{color:var(--ink)}
.theme-toggle{display:inline-grid;place-items:center;width:36px;height:36px;flex:none;border:1px solid var(--line);border-radius:50%;background:var(--paper);color:var(--plum);padding:7px}
.theme-toggle svg{display:block;width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.theme-moon{display:none!important}
[data-theme=dark] .theme-sun{display:none!important}
[data-theme=dark] .theme-moon{display:block!important}
.skip,.card,.article .toc,.table-scroll,.editor-panel,.mobile-toc{background:var(--paper)}
.draft{background:var(--draft-bg)}
.btn,.languages .current,.chip[aria-pressed=true]{color:var(--on-plum)}
.search{border-color:var(--field-line);color:var(--ink)}
.article-body pre{background:var(--code-bg)}
.source-card{background:var(--source-bg)}
.editor-field input,.editor-field textarea,.editor-field select{background:var(--paper);border-color:var(--field-line);color:var(--ink)}
.editor-item,.editor-actions button{color:var(--ink)}
.editor-actions button{background:var(--paper)}
.editor-actions .btn{background:var(--plum);color:var(--on-plum)}
.editor-message.error{background:var(--error-bg);color:var(--error-ink)}
.code-copy,.empty{border-color:var(--field-line);color:var(--muted)}
:where(textarea,select,summary,[tabindex]):focus-visible{outline:3px solid var(--plum);outline-offset:4px}
@media(max-width:760px){.top-inner{gap:12px}.logo svg{width:170px}.languages{gap:4px}.languages a{padding:7px 5px}.theme-toggle{width:32px;height:32px;padding:6px}}
@media print{:root[data-theme]{color-scheme:light;--bg:#fff;--paper:#fff;--ink:#1F2430;--muted:#626575;--plum:#5B2D52;--on-plum:#fff;--line:#E8E3DD;--sage:#EEF3EB;--tint:#F1E7EE;--code-bg:#ece8e1;--source-bg:#faf8f4;--draft-bg:#ece8df;--field-line:#bcb1b8}.theme-toggle{display:none}}

/* Reader materials are separate from shared app/editor surfaces. */
:root{--reader-ink:#2B2830;--reader-raised:#EEEAE4;--reader-code:#EEE9E2;--reader-practice:#EDEEE7;--reader-art:#F5F1EA;--reader-link-line:#BDA9B6}
:root[data-theme=dark]{--reader-ink:#EEE8ED;--reader-raised:#29242D;--reader-code:#211E25;--reader-practice:#242A26;--reader-art:#F5F1EA;--reader-link-line:#806B7B}
@media print{:root[data-theme]{--reader-ink:#1F2430;--reader-raised:#F5F2EE;--reader-code:#F5F2EE;--reader-practice:#fff;--reader-art:#F5F1EA;--reader-link-line:#8C627D}}