/* R4U 2026 — identidade global da loja, inspirada no material de referência aprovado. */
:root{--r4u-gold:#ffd400;--r4u-ember:#ff861a;--r4u-graphite:#0a0a0b;--r4u-content-width:1420px}
html{scroll-behavior:smooth}
body{
 background-color:#080809!important;
 background-image:
 radial-gradient(circle 460px at 56% 18%,transparent 51%,rgba(220,104,11,.19) 51.15%,transparent 51.5%,transparent 64%,rgba(233,117,18,.13) 64.15%,transparent 64.5%,transparent 76%,rgba(255,123,11,.11) 76.15%,transparent 76.5%),
 radial-gradient(circle 650px at 5% 80%,transparent 66%,rgba(233,108,11,.10) 66.15%,transparent 66.5%,transparent 81%,rgba(255,118,18,.08) 81.15%,transparent 81.5%),
 radial-gradient(ellipse 70% 50% at 60% 20%,rgba(28,25,23,.56),transparent 90%),
 linear-gradient(180deg,#050506,#0a0a0b 55%,#050506)!important;
 background-attachment:fixed!important;
 background-repeat:no-repeat!important;
}
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid #ffd400;outline-offset:3px}
@media(max-width:800px){body{background-image:radial-gradient(circle 330px at 70% 24%,transparent 52%,rgba(237,114,9,.14) 52.3%,transparent 53%,transparent 72%,rgba(252,124,17,.11) 72.4%,transparent 73%),linear-gradient(#070707,#0b0b0c)!important}}

/* Fundo da referência aprovada: não são apenas linhas discretas — são órbitas luminosas. */
:root{--r4u-art-bg:url("r4u-orbits-background.svg")}
html{background:#070707!important}
body{
  background:#070707 var(--r4u-art-bg) center top / cover fixed no-repeat!important;
}
@media(max-width:900px){
  body{background:#070707 var(--r4u-art-bg) center top / auto 100vh fixed no-repeat!important}
}
@media(prefers-reduced-motion:reduce){
  body{background-attachment:scroll!important}
}
/* Seções sem chapas opacas, de modo que o fundo aprovado apareça entre elas. */
body main.shell{background:transparent!important}