.theme-toggle{flex:none;width:38px;height:38px;display:grid;place-items:center;border:1px solid #c7cec8;border-radius:50%;background:transparent;color:inherit;font:24px/1 system-ui;cursor:pointer}
.brand-symbol{margin-right:8px}.footer-brand{display:inline-flex;align-items:center;gap:8px}.footer-brand img{border-radius:8px;flex:none}
html[data-theme=dark]{--ink:#f5f1e9;--muted:#b9c3bf;--orange:#f19b75;--line:#45534d;--bg:#141b18;--soft:#3c2b24;color:#f5f1e9;background:#141b18;color-scheme:dark}
html[data-theme=dark] body,html[data-theme=dark] header,html[data-theme=dark] footer{background:#141b18;color:#f5f1e9;border-color:#45534d}
html[data-theme=dark] :is(.planner,.place-card,.card,dialog,.location,.discovery-bar,.cafe-tools,.source-box,.nutrition-panel,.empty,.discovery-empty,.catalogue-info){background:#202b25;color:#f5f1e9;border-color:#45534d}
html[data-theme=dark] :is(input,select,.secondary,.mode,.budgets button,.city-strip button,.city-options button,.intent-strip button,.categories button,.segmented button,.search-field,.sort-field,.filter-toggle,.crowd-chip,.tag,.event-city,.step,.nav span,.close,.favorite){background:#26332c;color:#e9ede6;border-color:#526158}
html[data-theme=dark] :is(button.selected,button[aria-pressed=true],nav a[aria-current=page]){background:#493328;color:#ffd3b9;border-color:#f19b75}
html[data-theme=dark] :is(.decide,.cta,.quick-decide){background:#d9683b;color:#fff8ee}
html[data-theme=dark] :is(.brand,.card-link,.detail-title,h1,h2,h3,.card-meta strong,.gallery-meta,.cafe-rating strong){color:#f5f1e9}
html[data-theme=dark] :is(.muted,.data-note,.price-note,.tag,.label,.event-date,.event-city,.modal-note,.detail-text,.detail-location,.gallery-location,.gallery-meta small,.cafe-address,.cafe-card-bottom,.planner-foot,.budget-help,.filter-note,.demo-badge,.intro p,.card-body p,.discovery-bar small){color:#bdc8c0}
html[data-theme=dark] :is(.map-link,.links a,.text-link,.sections a,.source-box a){color:#ffc5a5}
html[data-theme=dark] :is(.group-banner,.tip,.local-demo,.source-box,.history-action){background:#29372e;color:#e0e9df;border-color:#526158}
html[data-theme=dark] .decision-art figcaption{background:#202b25e6;color:#f5f1e9}
html[data-theme=dark] dialog::backdrop{background:#000a}
html[data-theme=dark] .theme-toggle{color:#fbe5bf;border-color:#69786e}
html[data-theme=dark] .demo-badge{background:#26332c;color:#bdc8c0}
html[data-theme=dark] .nav.active{background:#493328;color:#ffd3b9}
@media(max-width:550px){header:has(>.theme-toggle){position:relative}header:has(>nav[aria-label="Şehirler"])>.theme-toggle{position:absolute;right:20px;top:20px}}
/* Step 02 transport choices use the same individual-button treatment as the budget choices. */
html[data-theme=dark] .segmented{display:flex;gap:7px;padding:0;background:transparent;border-radius:0}
html[data-theme=dark] .segmented button{flex:1;border:1px solid #526158;border-radius:8px;padding:9px 2px;background:#26332c;color:#e9ede6;box-shadow:none}
html[data-theme=dark] .segmented button:hover{background:#304239;color:#fff}
html[data-theme=dark] .segmented button.selected{background:#493328;color:#ffd3b9;border-color:#f19b75;box-shadow:none;font-weight:600}