:root[data-theme="paper"]{--canopy-canvas:#f2efe8;--canopy-surface:#faf8f2;--canopy-surface-muted:#eeebe3;--canopy-border:#dddace}
:root[data-theme="mist"]{--canopy-canvas:#edf0f2;--canopy-surface:#f6f8f9;--canopy-surface-muted:#e8edef;--canopy-border:#d6dfe2}
:root[data-theme="sage"]{--canopy-canvas:#eaf0e6;--canopy-surface:#f4f7ef;--canopy-surface-muted:#e7edde;--canopy-border:#d4decb}
:root[data-theme="original"]{--canopy-canvas:#faf9f6;--canopy-surface:#fff;--canopy-surface-muted:#f7f7f2;--canopy-border:#e4e6dc}
[data-theme] body,[data-theme] .docs-shell{background:var(--canopy-canvas)}
[data-theme] .docs-shell .docs-header{background:var(--canopy-surface)}
[data-theme] .button:not(.wallet-button),[data-theme] .guide-link,[data-theme] .search-row input,[data-theme] .search-row select,[data-theme] .trade-tabs button.active,[data-theme] .presets button,[data-theme] .target-input,[data-theme] .stats>div,[data-theme] dialog,[data-theme] .skip-link{background:var(--canopy-surface)}
[data-theme] .button:not(.wallet-button):hover,[data-theme] .presets button:hover{background:var(--canopy-surface-muted)}
[data-theme] td{border-bottom-color:var(--canopy-border)}
.appearance-toggle{width:36px;height:36px;flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--canopy-border);border-radius:10px;background:var(--canopy-surface);color:var(--canopy-text-secondary);font-size:21px;cursor:pointer;padding:0}
.appearance-toggle:hover{background:var(--canopy-surface-muted)}
.appearance-dialog{border:1px solid var(--canopy-border);border-radius:20px;padding:24px;width:400px;max-width:calc(100vw - 32px);color:var(--canopy-text);box-shadow:0 24px 80px #18201922}
.appearance-dialog::backdrop{background:#22251f44;backdrop-filter:blur(3px)}
.appearance-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:22px}.appearance-heading h2{font-size:22px!important;letter-spacing:-.5px;margin:0!important;line-height:1.4}.appearance-heading p{font-size:13px;margin:5px 0 0!important;color:var(--canopy-text-secondary)}
.appearance-close{border:0;background:transparent;font-size:24px;color:var(--canopy-text-secondary);width:32px;height:32px;cursor:pointer}
.appearance-options{display:grid;gap:10px}.appearance-options button{display:flex;align-items:center;text-align:left;gap:14px;width:100%;padding:12px;border:1px solid var(--canopy-border);border-radius:12px;background:transparent;color:var(--canopy-text);font:inherit;cursor:pointer}.appearance-options button[aria-pressed=true]{border-color:var(--canopy-focus);box-shadow:0 0 0 1px var(--canopy-focus)}
.appearance-options strong{display:block;font-size:14px;font-weight:600}.appearance-options small{display:block;font-size:12px;color:var(--canopy-text-muted)}.appearance-swatch{display:flex;align-items:flex-end;width:56px;height:44px;border-radius:8px;border:1px solid #22251f15;padding:6px;flex-shrink:0}.appearance-swatch>span{width:100%;height:24px;border-radius:4px;border:1px solid #22251f0c}.appearance-check{margin-left:auto;color:var(--canopy-focus);visibility:hidden}.appearance-options button[aria-pressed=true] .appearance-check{visibility:visible}.appearance-dialog .appearance-note{font-size:11px;color:var(--canopy-text-muted);margin:18px 0 0;line-height:1.6}
.appearance-toggle:focus-visible,.appearance-options button:focus-visible,.appearance-close:focus-visible{outline:2px solid var(--canopy-focus);outline-offset:4px}
@media(max-width:430px){.header-right{gap:8px}.header-links{gap:10px}.appearance-toggle{width:34px;height:34px}}
@media print{.appearance-toggle,.appearance-dialog{display:none!important}}
:root[data-theme]:not([data-theme="original"]){--canopy-text-muted:#62695b}
.appearance-toggle,.appearance-close{width:44px;height:44px;min-width:44px;min-height:44px}.appearance-options button{min-height:64px}
@media(prefers-reduced-transparency:reduce){.docs-shell .docs-header{backdrop-filter:none}dialog::backdrop{backdrop-filter:none;background:#22251f99}}
@media(prefers-contrast:more){:root[data-theme]:not([data-theme="original"]),:root[data-theme="original"]{--canopy-text-muted:#424a3a;--canopy-text-secondary:#39422f;--canopy-border:#8c967e}}