:root{--font-heading:"Manrope","Segoe UI",Arial,sans-serif;--font-body:"Segoe UI",Arial,sans-serif;--ink:#202a33;--muted:#59636c;--paper:#fff;--soft:#f5f5f1;--line:#dce0df;--accent:#ff681f;--accent-text:#b43a08;--night:#14212b;--field:#fff;--shadow:0 16px 50px #1e2b3710;color-scheme:light}
:root[data-theme=dark]{--ink:#edf1f4;--muted:#adb9c3;--paper:#16222c;--soft:#101b24;--line:#35424c;--accent-text:#ff9c69;--field:#101b24;--shadow:0 16px 50px #0002;color-scheme:dark}
:root{--space-1:.5rem;--space-2:1rem;--space-3:1.5rem;--space-4:2rem;--space-5:3rem;--space-6:5rem;--radius:7px;--reading:740px;}
/* ECELA logo: tema uyumlu, şeffaf zemin.
   Tema kaynağı: html[data-theme] — <head> içindeki inline tema betiği ilk boyamadan önce ayarlar.
   ecela.<hash>.css içindeki .brand beyaz kutusu ve hiç eşleşmeyen .theme-dark kuralları burada düzeltilir.
   Ana paket immutable cache'li ve eski kopyalarında '.logo-dark{display:none!important}' bulunduğu için !important gereklidir. */
.brand{background:transparent!important;padding:0!important;border:0!important;border-radius:0!important;box-shadow:none!important;flex-shrink:0}
.brand img{height:auto;object-fit:contain}
.brand .logo-light{display:block!important}
.brand .logo-dark{display:none!important}
:root[data-theme=dark] .brand .logo-light{display:none!important}
:root[data-theme=dark] .brand .logo-dark{display:block!important}
@media (prefers-color-scheme:dark){:root:not([data-theme]) .brand .logo-light{display:none!important}:root:not([data-theme]) .brand .logo-dark{display:block!important}}
/* Footer zemini her iki temada da koyu (#101c25): açık yazılı varyant */
.site-footer .brand .logo-light{display:none!important}
.site-footer .brand .logo-dark{display:block!important}

/* ECELA core tokens and registered logos; material canvases are never filtered. */
body.ecela-studio-app,.ux-ready,.ux-ready[data-ux-theme=dark]{color:var(--ink);font-family:var(--font-body);background:var(--soft)}
.ux-ready,.ux-ready[data-ux-theme=dark]{--accent-text:inherit;--studio-accent:var(--accent-text);--studio-panel:var(--paper);--studio-line:var(--line)}
.ux-ready :is(h1,h2,h3),.natural-gallery :is(h1,h2,h3),.unit-gallery :is(h1,h2,h3){font-family:var(--font-heading)!important;letter-spacing:-.02em;word-spacing:normal}
.ecela-corporate-brand{display:block;min-width:0;min-height:44px;max-width:180px}
.ecela-corporate-brand img{width:158px;height:auto;object-fit:contain}
.ecela-brand-actions{display:flex;align-items:center;justify-content:flex-end;gap:10px;flex:none}
.ux-topbar{align-items:center;min-height:76px;padding-block:12px;border-bottom:1px solid var(--line)}
#themeToggle{display:grid!important;visibility:visible!important;min-width:44px;min-height:44px;width:44px;height:44px;color:var(--ink);background:var(--paper);border:1px solid var(--line);border-radius:5px}
.ux-ready :is(.ux-primary,.studio-primary,.studio-dialog-done){background:var(--accent)!important;border-color:var(--accent)!important;color:#181e23!important;border-radius:5px}
.ux-ready .ux-step-number{color:var(--muted);border-color:var(--line)}
.ux-ready .ux-surface-tabs [data-complete=true] .ux-step-number{background:var(--accent);border-color:var(--accent);color:#181e23}
.ux-ready .ux-surface-tabs button[aria-selected=true]{color:var(--ink);background:var(--paper);box-shadow:inset 0 -3px var(--accent)}
.ux-ready .ux-surface-tabs button{border-radius:5px}
.ux-ready :is(.studio-panel,.studio-preview,.studio-selection,.ux-surface-tabs,.studio-natural-gallery-link,.ux-summary-dialog,.studio-dialog){border-radius:var(--radius,7px)}
.ux-ready :is(.ux-summary-trigger,.ux-outline,.ux-undo,.ux-inline-action,.studio-option,.studio-save,.ux-window-views button){border-radius:5px}
.ux-ready .ux-window-views button[aria-pressed=true]{background:var(--accent)!important;border-color:var(--accent)!important;color:#181e23!important}
.ux-ready .studio-option[aria-pressed=true]{border-color:var(--accent-text);background:var(--soft)}
.ux-ready .studio-option[aria-pressed=true]::after{background:var(--accent);color:#181e23}
.ux-ready .studio-enlarge{background:var(--paper);color:var(--ink);border-color:var(--line)}
.ux-ready :focus-visible,.natural-gallery :focus-visible,.unit-gallery :focus-visible{outline:3px solid var(--accent-text);outline-offset:3px}
.ux-ready .studio-heading .studio-eyebrow{color:var(--accent-text)}
.ux-ready :is(.ux-topbar,.ux-actionbar,.studio-scenes,.ux-summary-head){border-color:var(--line)}
body:has(>.natural-gallery),body:has(>.unit-gallery){background:var(--soft)!important;color:var(--ink)!important}
.natural-gallery,.unit-gallery{font-family:var(--font-body);color:var(--ink)}
.natural-gallery :is(a,button,input,label,p),.unit-gallery :is(a,button,input,label,p){font-family:var(--font-body)}
.natural-gallery a,.unit-gallery a{color:var(--accent-text)}
.natural-gallery a,.unit-gallery a{min-height:44px;align-items:center}
.natural-gallery header>a,.unit-gallery>a{display:inline-flex}
.natural-gallery article,.unit-gallery article{background:var(--paper);border:1px solid var(--line);border-radius:var(--radius,7px);box-shadow:var(--shadow)}
.natural-gallery .natural-gallery-note,.unit-gallery>p{color:var(--muted)}
.natural-gallery .fixed-room-context{color:var(--ink);background:var(--paper);border:1px solid var(--line);border-left:3px solid var(--accent);border-radius:7px;box-shadow:var(--shadow)}
.interior-gallery .gallery-brand{color:var(--accent-text);font-family:var(--font-body)}
.interior-gallery input,.interior-card-actions button,.unit-tabs button{color:var(--ink);background:var(--paper);border-color:var(--line);border-radius:5px;font-family:var(--font-body)}
.interior-gallery article[data-selected=true]{border-color:var(--accent-text);box-shadow:0 0 0 1px var(--accent-text)}
.interior-gallery-zoom{color:var(--ink);background:var(--paper);border:1px solid var(--line);border-radius:7px}
.interior-gallery-zoom>button{color:var(--ink);background:var(--soft);border:1px solid var(--line);border-radius:5px}
.interior-gallery-zoom h2{font-family:var(--font-heading)}
.unit-tabs [aria-pressed=true]{background:var(--accent);border-color:var(--accent);color:#181e23}
.ecela-gallery-brandbar{display:flex;align-items:center;justify-content:space-between;gap:16px;padding-bottom:18px;margin-bottom:24px;border-bottom:1px solid var(--line)}
@media(max-width:600px){.ecela-corporate-brand img{width:110px}.ux-topbar{min-height:66px;padding-block:9px;gap:8px}.ecela-brand-actions{gap:6px}.ux-topbar .ux-summary-trigger{padding:8px 10px;font-size:11px}.ecela-gallery-brandbar{margin-bottom:18px;padding-bottom:12px}.natural-gallery,.unit-gallery{padding:16px}}
@media(max-width:360px){.ecela-corporate-brand img{width:106px}.ux-topbar .ux-summary-trigger{padding-inline:8px}.natural-gallery,.unit-gallery{padding:12px}}
@media(max-width:300px){.ux-topbar .ux-summary-trigger{display:none}.ux-ready .ux-surface-tabs{grid-template-columns:repeat(2,minmax(0,1fr))}.ux-ready .studio-swatches,.ux-ready .studio-catalog-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.ux-ready .studio-panel-title{flex-wrap:wrap;gap:4px}}
@media(max-width:980px){.ux-actionbar,.ux-ready .studio-scenes{background:var(--soft)}}
@media(prefers-color-scheme:dark){:root:not([data-theme]){--ink:#edf1f4;--muted:#adb9c3;--paper:#16222c;--soft:#101b24;--line:#35424c;--accent-text:#ff9c69;--field:#101b24;color-scheme:dark}}