html[data-theme="light"]{color-scheme:light}
html[data-theme="dark"]{color-scheme:dark;--paper:#07090F;--white:#141A2A;--ink:#EAEEF6;--muted:#AEB5C2;--line:rgba(255,255,255,.16);--accent:#FF8A63;--red:#C9330F}
.theme-logo{display:inline-flex;align-items:center}.theme-logo .theme-logo-dark{display:none}html[data-theme="dark"] .theme-logo .theme-logo-light{display:none}html[data-theme="dark"] .theme-logo .theme-logo-dark{display:block}
.top{display:flex;flex-wrap:wrap;align-items:center;gap:20px;padding:22px 0}.top>.nav{flex:1 1 390px;justify-content:flex-end}.theme-panel{flex:0 0 auto;background:var(--white);border:2px solid var(--accent);border-radius:12px;padding:9px 10px;min-width:232px}.theme-label{display:block;font-size:11px;font-weight:600;color:var(--muted);margin-bottom:6px}.theme-options{display:flex;gap:5px}.theme-options button{display:inline-flex;justify-content:center;align-items:center;gap:7px;flex:1;min-height:40px;font:600 13px/1.2 Montserrat,sans-serif;border:1px solid var(--line);border-radius:7px;padding:9px 12px;background:var(--paper);color:var(--ink);cursor:pointer;white-space:nowrap}.theme-options button[aria-pressed="true"]{background:#C9330F;color:#FFFFFF;border-color:#C9330F}.theme-options button:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.theme-options button:hover{border-color:var(--accent)}.theme-icon{font-size:17px;line-height:1}.gallery-topbar{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:26px}.gallery-topbar>a{font-size:14px;color:var(--muted)}
html[data-theme="dark"] .principle,html[data-theme="dark"] .copy-example,html[data-theme="dark"] .key-color,html[data-theme="dark"] .token{background:var(--white)}
html[data-theme="dark"] .guide-section>p,html[data-theme="dark"] .principle p{color:#AEB5C2}
html[data-theme="dark"] .fact .label,html[data-theme="dark"] .logo-pair figcaption,html[data-theme="dark"] .note,html[data-theme="dark"] .source-note,html[data-theme="dark"] .example-label,html[data-theme="dark"] .key-color code,html[data-theme="dark"] .key-color p,html[data-theme="dark"] .type-meta,html[data-theme="dark"] .token-group summary span,html[data-theme="dark"] .token button small,html[data-theme="dark"] .token p,html[data-theme="dark"] .palette-tools p,html[data-theme="dark"] .opacity-item span{color:var(--muted)}
html[data-theme="dark"] .eyebrow,html[data-theme="dark"] .tag,html[data-theme="dark"] .token .layer-note,html[data-theme="dark"] .number{color:#FF8A63}
html[data-theme="dark"] .token button{color:var(--ink)}html[data-theme="dark"] .copy-status{color:#35C98A}html[data-theme="dark"] .dark-band{border:1px solid var(--line)}
html[data-theme="dark"] .working{background:var(--white)}html[data-theme="dark"] .placeholder{border-color:var(--line)}
html[data-theme="dark"] .verdict.warn{background:rgba(255,138,99,.13);color:#FF8A63;border-color:rgba(255,138,99,.35)}html[data-theme="dark"] .verdict.pass{background:rgba(53,201,138,.12);color:#35C98A;border-color:rgba(53,201,138,.35)}html[data-theme="dark"] .verdict.fail{background:rgba(229,72,77,.13);color:#FF8A63;border-color:rgba(229,72,77,.4)}
/* Reference specimens retain the exact colors they demonstrate in either theme. */
html[data-theme] .light-specimen{background:#F6F5F2;color:#12141B;border-color:rgba(18,20,27,.13)}html[data-theme] .light-specimen p{color:#4D5668}html[data-theme] .light-specimen .note{color:#565E70}
@media(max-width:1100px) and (min-width:801px){.top>.nav{flex:1 1 360px;justify-content:flex-start}}
@media(max-width:800px){.top{align-items:flex-start;gap:18px}.top>.nav{flex:0 1 auto;justify-content:flex-start}.theme-panel{width:100%;max-width:380px}.theme-options button{min-height:44px}.gallery-topbar{flex-direction:column;align-items:stretch;gap:16px}.gallery-topbar .theme-panel{max-width:none}}