/* Physical colour samples, Book TRON 2026, pp.112–114. Keep the face in the
   reference pigment and derive the edge and shadow from the same material. */
:root{--tr-navy:#122235;--tr-blue:#14213d;--tr-petrol:#3d7577;--tr-olive:#4a4b1f;--tr-yellow:#fba311;--tr-amber:#f69e09;--tr-red:#e32d12;--tr-white:#FFF}
body#topo :is(.tron-key,.ep-tabs a,.ev-picker a){
 --face:var(--tr-petrol);--letter:white;--lip:color-mix(in srgb,var(--face) 54%,var(--tr-navy));--lit:color-mix(in srgb,var(--face) 76%,white);
 color:var(--letter);background-color:var(--face);background-image:url('./assets/grao-fosco.png');background-size:88px 88px;
 border:1px solid var(--lit);border-bottom-color:var(--lip);box-shadow:inset 0 1px 0 color-mix(in srgb,var(--face) 78%,white),inset -1px -1px 1px var(--lip),0 3px 0 var(--lip),0 6px 7px -3px #12223569;
 text-shadow:none;filter:none;transition:transform .15s ease,box-shadow .15s ease,border-color .15s ease;line-height:1.22;
}
body#topo :is(.tron-key.key-gold,.ep-tabs a[aria-selected=true],.ev-picker a[aria-selected=true],.lo-filters button[aria-pressed=true],.edu-steps button[aria-pressed=true]){--face:var(--tr-yellow);--letter:var(--tr-navy);--lip:color-mix(in srgb,var(--tr-amber) 65%,var(--tr-blue));}
body#topo :is(.tron-key.key-navy,.lo-switch button){--face:var(--tr-blue);--letter:var(--tr-white);--lip:var(--tr-navy);--lit:color-mix(in srgb,var(--tr-petrol) 61%,var(--tr-blue));}
body#topo .lo-switch button[aria-pressed=true]{--face:var(--tr-petrol);--lit:var(--tr-yellow);--letter:white;}
body#topo .tron-key.key-olive{--face:var(--tr-olive);--letter:white;}
@media(hover:hover){body#topo :is(a.tron-key,button.tron-key,summary.tron-key,.ep-tabs a,.ev-picker a):hover{transform:translateY(-1px);border-color:color-mix(in srgb,var(--face) 58%,var(--tr-white));box-shadow:inset 0 1px 0 var(--lit),0 4px 0 var(--lip),0 7px 9px -3px #12223570;filter:none;}}
body#topo :is(a.tron-key,button.tron-key,summary.tron-key,.ep-tabs a,.ev-picker a):active{transform:translateY(2px);box-shadow:inset 0 2px 2px var(--lip),0 1px 0 var(--lip);}
body#topo :is(.tron-key,.ep-tabs a,.ev-picker a):focus-visible{outline:2px solid var(--tr-white);outline-offset:3px;box-shadow:0 0 0 5px var(--tr-petrol),0 5px 0 4px var(--tr-navy);}
body#topo .tron-key:disabled{opacity:.62;cursor:wait;transform:none;}
body#topo :is(.button,.product-entry,.discover,.text-link,.ev-report).tron-key>span:not(.dots){color:inherit;background:color-mix(in srgb,var(--face) 84%,var(--tr-navy));border-color:var(--lip);box-shadow:inset 0 1px 2px var(--lip),0 1px 0 var(--lit);}
body#topo .nav-cta span{color:var(--tr-yellow)}
body#topo .ep-plus.tron-key{--face:var(--tr-petrol);}
body#topo .ep-plus::before,body#topo .ep-plus::after{background:white;}
body#topo .menu-toggle.tron-key{border-radius:12px;}
body#topo .ev-mount{color:white;background:#14213d url('./assets/grao-fosco.png');border-color:#3d7577;box-shadow:inset 0 1px 1px #3d7577,0 4px 0 #122235,0 10px 16px -5px #12223599;}
body#topo .ev-plate-head,body#topo .ev-caption-text{color:#fff;}
body#topo .ev-keyline{background:#fba311;box-shadow:0 1px 0 #f69e09;}
body#topo .ev-photo .ev-index{color:white;background:#3d7577;border-color:#3d7577;}
body#topo .ev-index i{color:white;}
body#topo .ev-enlarge{box-shadow:0 1px 0 #3d7577;}
body#topo .ev-dialog .ev-close,body#topo dialog button.close{border-radius:50%;}
@media(prefers-reduced-motion:reduce){body#topo :is(.tron-key,.ep-tabs a,.ev-picker a){transition:none;}}

.hero .scene-art.banner-outgoing{pointer-events:none;animation:tron-passagem .42s ease-out forwards;}
@keyframes tron-passagem{from{opacity:1}to{opacity:0}}
.header .main-nav a[aria-current="page"]:not(.nav-cta){color:#fba311;text-decoration-color:#fba311;}
body#topo .edu-steps button[aria-pressed="true"] small{color:#14213d;}