/* MusiUP — reestilização aditiva das páginas legadas (faq/terms/privacy).
   Carregar SEMPRE por último. Só overrides de cor/tipografia (Brandbook v1.0);
   estrutura, ids e scripts permanecem intactos. */

/* ===== FAQ (página baseada em variáveis) ===== */
:root{
  --bg:#02040A;
  --panel:#07172E;
  --panel-2:rgba(7,23,46,.72);
  --line:rgba(110,59,255,.38);
  --ink:#F7FBFF;
  --muted:rgba(247,251,255,.62);
  --blue:#00E5FF;
  --magenta:#FF2BFF;
  --green:#00E5FF;   /* verde é proibido no brandbook — estados "ok" viram ciano */
  --amber:#6E3BFF;   /* dourado é proibido — notas de atenção viram violeta */
}
body{font-family:'Inter',Arial,sans-serif}
body::before{
  background:
    radial-gradient(60vw 40vw at 12% -5%, rgba(0,229,255,.13), transparent 60%),
    radial-gradient(50vw 40vw at 95% 0%, rgba(255,43,255,.10), transparent 60%);
}
h1,h2,h3,.eyebrow,.chip,.sec-head h2,.sec-head .count,.empty strong,.cta h2{
  font-family:'Poppins',Arial,sans-serif;
}
.logo{display:inline-flex;align-items:center;gap:10px;color:var(--ink)}
.logo img{height:32px;width:auto;display:inline-block}
.a code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace}
.sec-head .count{color:var(--muted)}
.chip:hover{border-color:rgba(0,229,255,.5)}
.chip[aria-pressed="true"]{background:rgba(0,229,255,.12)}
.note{color:rgba(247,251,255,.82);background:rgba(110,59,255,.08)}
.note.ok{color:rgba(247,251,255,.82);background:rgba(0,229,255,.07)}
.btn{background:linear-gradient(90deg,#00E5FF 0%,#126CFF 34%,#6E3BFF 67%,#FF2BFF 100%)}

/* ===== TERMS / PRIVACY (páginas sem variáveis) ===== */
body{background:#02040A;color:#F7FBFF}
a{color:#00E5FF}
h1,h2,h3,h4{font-family:'Poppins',Arial,sans-serif}
.card{background:#07172E;border-color:rgba(110,59,255,.38)}
.highlight{background:rgba(7,23,46,.85);border-left-color:#00E5FF}
.attention{background:rgba(110,59,255,.10);border-left-color:#6E3BFF}