/* m34 (02.10): the look follows warlity.pl — white, dark grey text, Raleway, their gold-beige accent #cc9966.
   The palette itself lives in the project (design.colors / darkColors); this file only corrects colours that
   other files had fixed in place, and adds the few details of the Palace's own style. */
:root{--ui-button:#ffffff;--ui-buttonText:#2b2b2b;--icon-accent:#cc9966}
html[data-theme=dark]{--ui-button:#24221f;--ui-buttonText:#f5f2ee}
html[data-theme=light] body{background:#ffffff}
html[data-theme=dark]{background:#1a1918}
/* The tiles carry the Palace's own button colour (#cc9966, as on warlity.pl); pictograms are plain white. */
html #viewer :is(#cameraMode,#performanceMode,#soundToggle,#musicToggle,#fullscreenPlay,#resetPresentation,#immersiveToggle,#immersiveLoading,#placeLink),
html .photo-experience .photo-trigger,
html #play{--icon-accent:#ffffff;border-color:#ffffff59!important;box-shadow:0 2px 12px #00000033!important}
html #viewer #immersiveLoading{background:#cc9966;color:#fff}
html #viewer #performanceMode[aria-pressed=false]{--icon-accent:#ffffffb3}
html #viewer :is(#cameraMode,#performanceMode,#soundToggle,#musicToggle,#resetPresentation,#immersiveToggle,#placeLink):hover,
html .photo-experience .photo-trigger:hover,
html #play:hover{background:#b98654!important;border-color:#ffffff8c!important}
@keyframes resume-glow{0%,100%{box-shadow:0 0 0 0 #cc996600}50%{box-shadow:0 0 0 8px #cc996647}}
html[data-theme=light] #viewer #qualityControl .quality-option:hover{background:#0000000d}
html[data-theme=light] #viewer #qualityAsk .quality-ask-btn{border-color:#0000002e}
#toast{background:#2b2b2bf2!important;color:#fff!important}
html[data-theme=dark] #toast{background:#34302cf2!important}
/* Joystick: neutral glass instead of sage. */
html #viewer #mobileStick{border-color:#ffffffd9;background:#2b2b2b66;color:#fff}
html #viewer #mobileStick .stick-knob{background:#ffffffcc;border-color:#fff}
/* Header in the Palace's manner: quiet, square, spaced capitals; the beige fills on hover as on their buttons. */
header #clientAction{border:1px solid #cc9966!important;border-radius:0!important;background:transparent;color:inherit;text-transform:uppercase;letter-spacing:.14em;font-weight:600;transition:background .3s ease,color .3s ease}
header #clientAction:hover,header #clientAction:focus-visible{background:#cc9966;color:#fff}
header #themeToggle{background:transparent;border-radius:0;font-weight:500}
header #languageSelect{border-radius:0}
header .demo{border-radius:0}
.guest-mode .viewer{border-radius:2px}
/* Shots: while the picture dips to dark between two views, the markers go with it. */
#viewer #markers{transition:opacity .5s ease}
#viewer.cutting #markers{opacity:0}
/* m53: the calm version has no opening animation to replay, so the restart button is gone */
html #viewer #resetPresentation{display:none!important}