.theme-mode-choices{display:flex;flex-wrap:wrap;gap:8px}.theme-mode-choices .btn{flex:1;min-width:130px}.theme-mode-choices [aria-pressed="true"]{outline:2px solid var(--blue);outline-offset:2px}
html[data-theme="mid"]{color-scheme:light;--ink:#19334b;--muted:#40586e;--line:#96aabe;--blue:#155bb4;--mint:#136a55;--card:#dfe7ef}
html[data-theme="mid"] body{background:#aebdcb;color:var(--ink)}
html[data-theme="mid"] :is(.sidebar,.topbar,.bottom-nav,.language-bar){background:#bdcbd8;color:var(--ink);border-color:var(--line)}
html[data-theme="mid"] :is(.card,.spacebox,.round,dialog,input,textarea,select,.chip,.btn,.bubble,.chat-sidebar,.chat-panel,.mobile-space-selector,.eu-notice,.access-warning,.setting,.rights-summary,.team-row,.primary-town-identity){background:#dfe7ef;color:var(--ink);border-color:var(--line)}
html[data-theme="mid"] :is(.hero,.tint,.side-note,.demo,.pill,.badge,.settings-tabs,.twinning-policy,.chat-date,.message-input,.twinning-choice,.publication-destination){background:#c9d7e4;color:var(--ink);border-color:var(--line)}
html[data-theme="mid"] :is(.navlink,.muted,.space-label,.eyebrow,.text-btn,footer,#eu-result-count,.setting p,.card p){color:var(--muted)}
html[data-theme="mid"] :is(.navlink.active,.chip.active,.twinning-choice.active,.btn.primary,.bubble-wrap.mine .bubble){background:#285d95;color:#fff;border-color:#285d95}
html[data-theme="mid"] :is(.navlink:hover,.btn:hover,.eu-hub:hover){background:#becfdf}
html[data-theme="mid"] :is(.btn.primary:hover,.bubble-wrap.mine .bubble){background:#285d95;color:#fff}
html[data-theme="mid"] :is(.town-partner-card,.followed-card,.profile-settings-link,.comment,.event-comment-list,.chat-header,.chat-input,.channel){background:#d4e0ea;color:var(--ink);border-color:var(--line)}
html[data-theme="mid"] :is(.town-partner-card.active,.followed-card.active,.channel.active){background:#bfd2e5;border-color:#5d83aa}
html[data-theme="mid"] .discovery-image-hero{background:linear-gradient(120deg,#bccddd,#c2d3ce)}
html[data-theme="mid"] :is(.hero h1,.discovery-image-copy h1,.discovery-image-copy h2,.comment-author strong,.bubble p){color:var(--ink)}
html[data-theme="mid"] :is(input,textarea)::placeholder{color:#52697d;opacity:1}
html[data-theme="mid"] :is(.selected-city-info,.selected-city-country,.primary-town-copy,.primary-town-copy h1){color:#fff}
html[data-theme="mid"] .primary-town-copy p{color:#edf5ff}
@media(max-width:600px){.theme-mode-choices .btn{min-width:100%;padding:10px 12px}}