/* Logo-inspired accents over the existing navy/cyan interface.
   Product colors, live status colors and the orange Studio access stay distinct. */
:root{--anima-violet:#c5a4ff;--anima-fuchsia:#f39bdf;--anima-violet-glow:#a36af0;--anima-fuchsia-glow:#e55ed0}
.brand i{color:var(--anima-fuchsia)}
.brand img{filter:drop-shadow(0 0 14px #bb54e53b)}
.section-label,.universe-intro .section-label,.dock-heading{color:var(--anima-violet)}
.universe-intro h1 em,.page-heading em,.home-heading em{color:#e4bef4;background:linear-gradient(105deg,#a9edf4 0%,#c5a4ff 48%,#f39bdf 100%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}
.scene-vignette:after{content:'';position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse at 10% 34%,#8d41e912,transparent 36%),radial-gradient(ellipse at 94% 66%,#ec49d40d,transparent 34%)}

/* Small traces of brand color along the two navigation rails. */
.side-dock:before{background:linear-gradient(transparent,#a76ef05c,#dd67ce30,#71e0f120,transparent)}
.side-dock .dock-item[data-open="realisations"] svg,.side-dock .dock-item[data-open="avis"] svg{color:var(--anima-fuchsia)}
.side-dock .dock-item[data-open="presentation"] svg,.side-dock .dock-item[data-open="vision"] svg{color:var(--anima-violet)}
.side-dock .dock-item:not(.studio-access):hover,.side-dock .dock-item:not(.studio-access).active{color:#edd5fa;text-shadow:0 0 18px #c976e43b;border-bottom-color:#c99cef75!important}
.side-dock .dock-item:not(.studio-access).active:before{background:var(--anima-fuchsia);box-shadow:0 0 14px #de65d77a}
.project-button:hover,.universe-toggle:hover{color:#f3c5ed;border-color:#e79bdf99}

.scene-mode-toggle{background:linear-gradient(115deg,#173a4dd9,#24203ee8 70%,#351e3bd9);border-color:#b28ae26b;border-left-color:#9adce78c;border-bottom-color:#e191d4a6}
.scene-mode-toggle svg{color:var(--anima-fuchsia)}
.scene-mode-toggle:hover{background:linear-gradient(115deg,#214357,#35294c);box-shadow:0 0 30px #b55fc82b}
.scene-mode-toggle[aria-pressed="true"]{border-color:#d99cde99;background:linear-gradient(115deg,#202d4be8,#33203ee8)}
.ring-controls button:hover,.ring-controls button:focus-visible{border-color:var(--anima-violet);color:#efd5fa;background:#26233e}
.studio-video-orb .sv-media{border-color:#c6a5eeaa;box-shadow:inset 0 0 20px #41cee61f,0 0 18px #d964d225}
.gateway-return:hover,#plaque-reading-back:hover{border-color:var(--anima-violet);color:#f1d7fb}

/* Content stays bright; headings and thin projection edges carry the accents. */
.window-title svg{color:var(--anima-violet)}
.window-bar:after{background:linear-gradient(90deg,#8ce9f46b,#b788ed6b 48%,#e57dd052 76%,transparent)}
.app-window:before{background:linear-gradient(90deg,#8ef1fa9c 50px,transparent 50px) top left/100% 1px no-repeat,linear-gradient(#b899f2a6 36px,transparent 36px) top left/1px 100% no-repeat,linear-gradient(270deg,#e690d77a 50px,transparent 50px) bottom right/100% 1px no-repeat,linear-gradient(0deg,#b69bef80 36px,transparent 36px) bottom right/1px 100% no-repeat;box-shadow:0 0 70px #b769da06}
.app-window:after{background:linear-gradient(120deg,#83dfec30,transparent 25%,#ab79ea09 65%,#df6aca30)}
.window-body .text-button{color:#e4b6ef;border-bottom-color:#cf86db45}
.window-body .text-button:hover{color:#f7d8f2}
.window-body .btn.secondary{border-color:#b691df66}
.window-body .btn.secondary:hover{border-color:#e2a0dbb3;background:#a463c61c}
.window-body .contact-number{color:#efb0e3;text-shadow:0 0 24px #d871cf21}
.legal-footer-links a:hover,.footer-credit a:hover{color:#efb8e9}
.boot-screen{--boot-violet:#c3a0fc}
#boot-fill{background:linear-gradient(90deg,#759ce5,#b397f2 44%,#ed8bdb 78%,#93edf5);box-shadow:0 0 14px #c773dd40}

@media(max-width:760px),(max-width:1000px) and (max-height:520px){
 .mobile-menu-toggle{border-color:#bb94e366}
 .mobile-menu-toggle span:nth-child(2){background:var(--anima-fuchsia)}
 .mobile-menu-grid button[data-open="realisations"] svg,.mobile-menu-grid button[data-open="avis"] svg{color:var(--anima-fuchsia)}
 .mobile-menu-grid button[data-open="presentation"] svg,.mobile-menu-grid button[data-open="vision"] svg{color:var(--anima-violet)}
 .mobile-menu-grid button[aria-current="page"]{border-color:#c39beb;background:#aa6ed018}
}
@media(forced-colors:active){
 .universe-intro h1 em,.page-heading em,.home-heading em{background:none;color:CanvasText;-webkit-text-fill-color:CanvasText}
 .scene-vignette:after{display:none}
}