/* Shared surface hierarchy and card interactions for the two themes. */
html[data-theme="light"]{--panel:#d2c6ad;--panel2:#c6b99e;--surface:#d2c6ad;--line:rgba(92,75,43,.34)}
html[data-theme="light"] body{--panel:#d2c6ad;--panel2:#c6b99e;--line:rgba(92,75,43,.34)}
html[data-theme="light"] body :is(.panel,.quick,.stat,.price-card,.empty,.calendar-panel,.summary-panel,.journey-card,.stats-card,.review-card,.social-preview,.modal,dialog,.app-sidebar,.app-header,.lab-path){background:#d2c6ad;border-color:#a79777;box-shadow:0 6px 20px rgba(62,48,26,.06)}
html[data-theme="light"] body :is(input,select,textarea){background:#ece2ce;border-color:#9e8e70}
html[data-theme="light"] body :is(.day,.slot,.filters button){background:#d5c8ae;border-color:#a79777}
html[data-theme="light"] body :is(.feature-1){background:radial-gradient(ellipse at 100% 0%,rgba(147,104,30,.3),transparent 70%),#cfbc91;border-color:#a58c57}
html[data-theme="light"] body .footer .hexis-socials{--social-ink:#172019;--social-muted:#2e382c;--social-gold:#6b4b1c;--social-line:#9d8d6b;background:radial-gradient(ellipse at 0% 0%,rgba(173,128,46,.25),transparent 70%),#cbbfa3;border-color:#9d8d6b;box-shadow:0 8px 24px rgba(62,48,26,.07)}
html[data-theme="light"] body .footer :is(.footer-links,.footer-top>nav)>a{background:#d1c4a8;border-color:#a39372}
html[data-theme="light"] body .study-route-links>a{background:#d1c5ac;border-color:#a79777}

/* Champagne gold replaces the bright green throughout the Live Trading area. */
html[data-theme] body:is([data-page="live-trading.html"],[data-page="sala-live.html"],[data-page="registrazioni.html"]){--area-accent:#d4b16e;--area-rgb:212,177,110}
html[data-theme="light"] body:is([data-page="live-trading.html"],[data-page="sala-live.html"],[data-page="registrazioni.html"]){--area-accent:#78561d;--area-rgb:120,86,29}
html[data-theme="light"] body:is([data-page="live-trading.html"],[data-page="sala-live.html"],[data-page="registrazioni.html"]) .button.gold{background:#8b682d;border-color:#8b682d;color:#fff4df}

/* Gold, blue and violet are visible at rest and become stronger on hover. */
html[data-theme] body :is(.team-card,.journey-card,.lab-path){--card-accent:#d4b16e;--card-rgb:212,177,110;--team-accent:212,177,110;transition:background .22s,border-color .22s,box-shadow .22s}
html[data-theme] body :is(.team-card,.journey-card,.lab-path):nth-child(2){--card-accent:#82abe3;--card-rgb:130,171,227;--team-accent:130,171,227}
html[data-theme] body :is(.team-card,.journey-card,.lab-path):nth-child(3){--card-accent:#c395e0;--card-rgb:195,149,224;--team-accent:195,149,224}
html[data-theme="dark"] body:is(.home-restored,.hexis-detail) .team-card{background:linear-gradient(140deg,rgba(var(--card-rgb),.1),transparent 75%),#191e1b!important}
html[data-theme="dark"] body :is(.journey-card,.lab-path){background:linear-gradient(140deg,rgba(var(--card-rgb),.1),transparent 75%),#191e1b}
html[data-theme="light"] body :is(.team-card,.journey-card,.lab-path){--card-accent:#7c5418;--card-rgb:124,84,24;--team-accent:124,84,24;background:linear-gradient(140deg,rgba(var(--card-rgb),.12),transparent 78%),#cfc2a7!important;border-color:#a69370;box-shadow:0 7px 22px rgba(62,48,26,.07)}
html[data-theme="light"] body :is(.team-card,.journey-card,.lab-path):nth-child(2){--card-accent:#315e94;--card-rgb:49,94,148;--team-accent:49,94,148}
html[data-theme="light"] body :is(.team-card,.journey-card,.lab-path):nth-child(3){--card-accent:#734591;--card-rgb:115,69,145;--team-accent:115,69,145}
html[data-theme="light"] body:is(.home-restored,.hexis-detail) .team-card h3{color:#111b15!important;text-shadow:none}
html[data-theme="light"] body:is(.home-restored,.hexis-detail) .team-card .team-role{color:var(--card-accent)!important;font-weight:600}
html[data-theme] body :is(.team-index,.card-number,.lab-path-number){color:var(--card-accent)}
html[data-theme] body :is(.journey-card,.lab-path) :is(.card-number,.card-icon,.card-footer,.lab-path-number,.lab-path-bottom,.lab-kicker){color:var(--card-accent)}
html[data-theme] body:is(.home-restored,.hexis-detail) .team-card::after{display:none}
html[data-theme] body:is(.home-restored,.hexis-detail) .team-card::before{border-color:rgba(var(--card-rgb),.25)}
@media(hover:hover){
 html[data-theme="dark"] body :is(.team-card,.journey-card,.lab-path):hover{background:linear-gradient(135deg,rgba(var(--card-rgb),.29),rgba(var(--card-rgb),.05) 90%),#171d1a!important;border-color:var(--card-accent);box-shadow:0 8px 28px -13px rgba(var(--card-rgb),.4)}
 html[data-theme="light"] body :is(.team-card,.journey-card,.lab-path):hover{background:linear-gradient(135deg,rgba(var(--card-rgb),.27),rgba(var(--card-rgb),.08) 90%),#cfc2a7!important;border-color:var(--card-accent);box-shadow:0 8px 25px -9px rgba(var(--card-rgb),.3)}
 html[data-theme="light"] body:is(.home-restored,.hexis-detail) .team-card:hover h3{color:#111b15!important}
 html[data-theme="light"] body .study-route-links>a:hover{background:linear-gradient(120deg,rgba(var(--related-rgb),.2),#cfc2a7);border-color:rgb(var(--related-rgb))}
}
html[data-theme] body :is(.team-card,.journey-card,.lab-path):focus-visible{outline:2px solid var(--card-accent);outline-offset:4px}
@media(prefers-reduced-motion:reduce){html[data-theme] body :is(.team-card,.journey-card,.lab-path){transition:none}}
html[data-theme="light"] body:is(.home-restored,.hexis-detail) .team-card{background:linear-gradient(140deg,rgba(var(--card-rgb),.12),transparent 78%),#cfc2a7!important}
@media(hover:hover){html[data-theme="light"] body:is(.home-restored,.hexis-detail) .team-card:hover{background:linear-gradient(135deg,rgba(var(--card-rgb),.27),rgba(var(--card-rgb),.08) 90%),#cfc2a7!important}}
html[data-theme] body:is(.home-restored,.hexis-detail) .team-card .team-index{color:var(--card-accent)}