/* ==========================================================================
   EmCanto — 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"][data-theme="dark"]:not([data-contrast]){
  --bg:#222440; --panel:#323559; --panel2:#3b3f69; --ink:#f3f1ff; --muted:#b9bce0; --line:#4b5086;
  --bar:#1d1f3a; --bar-ink:#f3f1ff; --brand:#A778FF; --brand-ink:#1b1d38; --gold:#FF9C54; --gold-soft:#4a3d4f;
  --sheet:#2a2d4e; --sheet-ink:#f3f1ff; --play:#FEFF36; --sel:#c6a8ff; --warn:#ff8f8a; --ok:#78e2ab; --focus:#FEFF36;
  --shadow:0 1px 2px rgba(0,0,0,.5),0 8px 24px rgba(8,9,24,.45);
}
:root[data-skin="nebulosa"][data-theme="light"]:not([data-contrast]){
  --bg:#e9e3fa; --panel:#ffffff; --panel2:#f5f1ff; --ink:#323559; --muted:#62679c; --line:#d6cbf3;
  --bar:#323559; --bar-ink:#f3f1ff; --brand:#7b4fe0; --brand-ink:#ffffff; --gold:#d9722a; --gold-soft:#ffe9d6;
  --sheet:#ffffff; --sheet-ink:#1b1d38; --play:#f28a2e; --sel:#7b4fe0; --warn:#c0392b; --ok:#1d7a48; --focus:#ef7d28;
  --shadow:0 1px 2px rgba(50,53,89,.14),0 6px 20px rgba(50,53,89,.12);
}
:root[data-skin="nebulosa"] ::selection{background:rgba(167,120,255,.45)}