/* Soft sky-tinted surfaces; the scene and layout stay independent. */
@property --studio-popup{syntax:'<color>';inherits:true;initial-value:#edf2f6}
@property --studio-paper{syntax:'<color>';inherits:true;initial-value:#edf2f6}
@property --studio-glass{syntax:'<color>';inherits:true;initial-value:#edf2f6}
@property --studio-heading{syntax:'<color>';inherits:true;initial-value:#1b2938}
@property --studio-copy{syntax:'<color>';inherits:true;initial-value:#344454}
@property --studio-muted{syntax:'<color>';inherits:true;initial-value:#506070}
@property --studio-accent{syntax:'<color>';inherits:true;initial-value:#345778}
@property --studio-field{syntax:'<color>';inherits:true;initial-value:#dbe4ed}
@property --studio-hover{syntax:'<color>';inherits:true;initial-value:#ccd9e5}
@property --studio-button{syntax:'<color>';inherits:true;initial-value:#315677}
html[data-sky-theme=active]{transition:--studio-glass 1.1s ease,--studio-paper 1.1s ease,--studio-popup 1.1s ease,--studio-heading 1.1s ease,--studio-copy 1.1s ease,--studio-muted 1.1s ease,--studio-accent 1.1s ease,--studio-field 1.1s ease,--studio-hover 1.1s ease,--studio-button 1.1s ease;--ink:var(--studio-heading);--muted:var(--studio-muted);--forest:var(--studio-button);--sage:var(--studio-accent)}
html.sky-theme-tone-shift,html.sky-theme-tone-shift *{transition:none!important}
html[data-sky-theme=active] .hero>.hero-inner{--copy-ink:var(--studio-copy);--copy-accent:var(--studio-accent);box-shadow:0 24px 65px -28px var(--sky-theme-shadow),0 0 0 1px var(--sky-theme-border)}
html[data-sky-theme=active] #tyne-hero-chat{--chat-copy:var(--studio-heading);--chat-muted:var(--studio-muted);--chat-field:var(--studio-field);--chat-surface:var(--studio-popup)}
html[data-sky-theme=active] #tyne-hero-chat :is(.tyne-chat-welcome-inner,.tyne-chat-message.tyne){background:var(--studio-field);color:var(--studio-heading)}
html[data-sky-theme=active] #tyne-hero-chat .tyne-chat-message.user{background:var(--studio-button);color:#f7f7ee}
html[data-sky-theme=active] #tyne-hero-chat :is(.tyne-chat-send,.tyne-booking-submit){background:var(--studio-button);color:#f7f7ee}
html[data-sky-theme=active] #tyne-hero-chat .tyne-chat-input::placeholder{color:var(--studio-muted);opacity:1}
html[data-sky-theme=active] .tyne-demo-dock{--dock-ink:var(--studio-heading);--dock-muted:var(--studio-muted);--dock-rim:var(--sky-theme-border);--dock-bed:var(--sky-theme-dock);--dock-glass:var(--sky-theme-highlight);--dock-light:var(--studio-glint);--dock-shadow:var(--sky-theme-shadow);--dock-line:var(--sky-theme-border)}
html[data-sky-theme=active] .tyne-dock-preview{--preview-surface:var(--studio-popup);--preview-ink:var(--studio-heading);--preview-muted:var(--studio-muted);--preview-accent:var(--studio-accent);--preview-shadow:var(--sky-theme-shadow)}
html[data-sky-theme=active] :is(#scene-mode-switcher,.scene-settings-toggle,.scene-settings-hint){background:var(--studio-popup);color:var(--studio-heading);border-color:var(--sky-theme-border);box-shadow:0 10px 35px -18px var(--sky-theme-shadow)}
html[data-sky-theme=active] .sheet:is(.is-map,.is-about,.is-demo){--map-paper:var(--studio-popup);--map-ink:var(--studio-heading);--map-muted:var(--studio-muted);--map-field:var(--studio-field);--map-hover:var(--studio-hover);--map-accent:var(--studio-accent);--map-button:var(--studio-button);background:radial-gradient(ellipse at 0 0,var(--studio-glint),transparent 65%),var(--studio-glass);box-shadow:0 28px 80px -28px var(--sky-theme-shadow),0 0 0 1px var(--sky-theme-border)}
html[data-sky-theme=active] .demo-workspace select option{background:var(--studio-popup);color:var(--studio-heading)}
html[data-sky-theme=active] .demo-workspace :is(input,textarea)::placeholder{color:var(--studio-muted);opacity:1}
html[data-sky-theme=active] .demo-workspace .voice-studio-modes :is(a,button){min-height:36px;display:flex;align-items:center;justify-content:center;padding:9px 10px;font:500 12px/1.4 var(--sans);background:transparent;color:var(--map-muted);border-radius:8px;text-decoration:none}
html[data-sky-theme=active] .demo-workspace .voice-studio-modes [aria-pressed=true]{background:var(--map-paper);color:var(--map-accent)}
html[data-sky-theme=active] :is(.scene-time-live,.scene-time-preset[aria-pressed=true],.scene-mode-choice[aria-pressed=true]){background:var(--studio-field);color:var(--studio-heading);border-color:var(--sky-theme-border)}
html[data-sky-theme=active] .hero .hero-bridge-stage.is-mobile-chat #tyne-hero-chat{background:var(--studio-popup)}
/* The business marks stay white on the scene, as requested; the foreground
   colour palette does not recolour their original artwork. */
html[data-sky-theme=active] .bridge-client-logos .client-more{color:#fff}
html[data-sky-theme=active] :is(.demo-workspace .demo-primary,.tyne-chat-launcher){background:var(--studio-button);color:#f7f7ee}
html[data-sky-theme=active] #scene-settings-toggle{background:var(--studio-popup);color:var(--studio-heading);border-color:var(--sky-theme-border)}
html[data-sky-theme=active] .sheet h2 em{color:var(--studio-accent);-webkit-text-fill-color:currentColor}
@media(prefers-reduced-motion:reduce){html[data-sky-theme=active]{transition:none}}
html[data-sky-theme=active] .sheet.is-map{--map-selected:var(--studio-hover);--map-controls:var(--studio-popup)}
html[data-sky-theme=active] .sheet.is-map .tyne-map-check{background:var(--studio-button);color:#f7f7ee}
html[data-sky-theme=active] .sheet.is-map .tyne-map-check:hover{background:color-mix(in srgb,var(--studio-button) 88%,#000)}
html[data-sky-theme=active] .tyne-map-stage,html[data-sky-theme=active] .tyne-map-loading{background:var(--studio-field);color:var(--studio-muted)}
html[data-sky-theme=active] .tyne-map-pin:not(.end){background:var(--studio-accent)}
html[data-sky-theme=active] .tyne-map-key .route-key{--key:var(--studio-accent)}