/* ==========================================================================
   PazNoBolso — 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:#F2EEFC; --sup:#FFFFFF; --ink:#323559; --ink2:#5F6495; --lin:#DCD3F5;
  --sage:#E4D9FF; --sageD:#323559; --sky:#DCE3FF; --peach:#FFE0C9; --lilac:#EADFFF; --butter:#FDFCC2; --rose:#FFD9E4;
  --mint:#D5F1E6; --sand:#F1E6D8; --blue2:#DFE2FA; --gray:#E7E4F3; --neg:#B8432F; --pos:#1E7A55;
}
:root[data-skin="nebulosa"] :focus-visible{outline-color:#FF9C54}
:root[data-skin="nebulosa"] .lado{background:#323559;border-right-color:#262947;color:#f3f1ff}
:root[data-skin="nebulosa"] .lado .marca,:root[data-skin="nebulosa"] .lado .nav{color:#f3f1ff}
:root[data-skin="nebulosa"] .nav:hover{background:rgba(255,255,255,.09)}
:root[data-skin="nebulosa"] .nav.at{background:rgba(167,120,255,.32);color:#fff}
:root[data-skin="nebulosa"] .nav.at i{background:#A778FF}
:root[data-skin="nebulosa"] .nav i{border-color:rgba(255,255,255,.25)}
:root[data-skin="nebulosa"] .rodape,:root[data-skin="nebulosa"] .nav.mn{color:#b9bce0}
:root[data-skin="nebulosa"] .topo{border-bottom-color:rgba(50,53,89,.2)}
:root[data-skin="nebulosa"] .btn,:root[data-skin="nebulosa"] .seg{border-color:rgba(50,53,89,.35)}
:root[data-skin="nebulosa"] .btn.pri{background:#A778FF;border-color:#A778FF;color:#1b1d38}
:root[data-skin="nebulosa"] .btn.pri:hover{background:#b890ff}
:root[data-skin="nebulosa"] .seg button.at{background:#A778FF;color:#1b1d38}
:root[data-skin="nebulosa"] .btn.lig.on{border-color:#d9722a}
:root[data-skin="nebulosa"] label.cp>input,:root[data-skin="nebulosa"] label.cp>select,:root[data-skin="nebulosa"] label.cp>textarea,:root[data-skin="nebulosa"] .in{border-color:#b9aee6}
:root[data-skin="nebulosa"] input[type=range],:root[data-skin="nebulosa"] input[type=checkbox],:root[data-skin="nebulosa"] input[type=radio]{accent-color:#A778FF}
:root[data-skin="nebulosa"] ::selection{background:rgba(167,120,255,.4)}