/* ==========================================================================
   Typee — aparência "Nebulosa Default"
   Integração com o Nebulosa Workspace. Só vale quando <html data-skin="nebulosa">,
   atributo posto pela ponte ../../shared/nebulosa-bridge.js. Sem a ponte
   este arquivo não muda nada no programa.
   Cores Nebulosa: roxo #A778FF, azul-marinho #323559, laranja #FF9C54, amarelo #FEFF36.
   ========================================================================== */
:root[data-skin="nebulosa"]{
  --bg:#222440; --bg2:#2a2d4e; --panel:#323559; --panel2:#3e4274; --line:#4b5086;
  --ink:#f3f1ff; --ink2:#b9bce0; --peri:#A778FF; --peri-l:#cdb5ff; --peri-d:#51488a;
  --lime:#A778FF; --lime-ink:#1b1d38; --dot:rgba(190,180,255,.11); --shadow:0 18px 50px rgba(8,9,24,.55);
  --nb-orange:#FF9C54; --nb-focus:#FEFF36; color-scheme:dark;
}
@media (prefers-color-scheme:light){
  :root[data-skin="nebulosa"]:not([data-theme="dark"]){
    --bg:#e9e3fa; --bg2:#f7f4ff; --panel:#ffffff; --panel2:#efe9ff; --line:#d6cbf3;
    --ink:#323559; --ink2:#62679c; --peri:#8153e6; --peri-l:#5d37c0; --peri-d:#d9cdfa;
    --lime:#A778FF; --lime-ink:#1b1d38; --dot:rgba(50,53,89,.10); --shadow:0 14px 40px rgba(50,53,89,.18);
    --nb-orange:#ef7d28; --nb-focus:#ef7d28; color-scheme:light;
  }
}
:root[data-skin="nebulosa"][data-theme="light"]{
  --bg:#e9e3fa; --bg2:#f7f4ff; --panel:#ffffff; --panel2:#efe9ff; --line:#d6cbf3;
  --ink:#323559; --ink2:#62679c; --peri:#8153e6; --peri-l:#5d37c0; --peri-d:#d9cdfa;
  --lime:#A778FF; --lime-ink:#1b1d38; --dot:rgba(50,53,89,.10); --shadow:0 14px 40px rgba(50,53,89,.18);
  --nb-orange:#ef7d28; --nb-focus:#ef7d28; color-scheme:light;
}
:root[data-skin="nebulosa"] :focus-visible{outline-color:var(--nb-focus)}
:root[data-skin="nebulosa"] .tab[aria-selected="true"]{border-bottom-color:var(--nb-orange)}
:root[data-skin="nebulosa"] .savestate.warn{color:var(--nb-orange)}
:root[data-skin="nebulosa"] .title.untitled{border-color:var(--nb-orange)}
:root[data-skin="nebulosa"] .btn.primary{box-shadow:0 2px 0 rgba(0,0,0,.18)}
:root[data-skin="nebulosa"] .seg button[aria-pressed="true"],:root[data-skin="nebulosa"] .chip.on,:root[data-skin="nebulosa"] .tb.on{color:#1b1d38}
:root[data-skin="nebulosa"] ::selection{background:rgba(167,120,255,.45)}

/* [Nebulosa] assinatura "by Nebulosa Workspace" embaixo do nome (em duas linhas, para não alargar a barra) */
.brand small.nb-by{font-size:9.5px;line-height:1.1;max-width:78px;white-space:normal;letter-spacing:.01em;opacity:.9}