/* ==========================================================================
   Utilidades — aparência "Nebulosa Default"
   Só vale quando <html data-skin="nebulosa"> (atributo posto pela ponte
   ../../shared/nebulosa-bridge.js). Escuro por padrão; claro com o modo "Claro".
   Cores Nebulosa: roxo #A778FF, azul-marinho #323559, laranja #FF9C54, amarelo #FEFF36.
   ========================================================================== */
:root[data-skin="nebulosa"]{
  --bg:#1f2140; --sup:#2d3053; --sup2:#373b66; --sup3:#43487a;
  --ink:#f3f1ff; --ink2:#b9bce0; --ink3:#8387b8; --line:rgba(190,185,255,.16); --line2:rgba(190,185,255,.28);
  --ac:#A778FF; --ac-ink:#1b1d38; --ac-soft:rgba(167,120,255,.2); --ac2:#FF9C54;
  --ok:#5fd39b; --ok-soft:rgba(95,211,155,.14); --err:#ff8a75; --err-soft:rgba(255,138,117,.15); --warn:#FEFF36;
  --focus:#FEFF36; --shadow:0 10px 30px rgba(8,9,26,.4); --shadow2:0 20px 60px rgba(8,9,26,.55);
  color-scheme:dark;
}
:root[data-skin="nebulosa"][data-theme="light"]{
  --bg:#f1ecfc; --sup:#ffffff; --sup2:#f1ebff; --sup3:#e4d9ff;
  --ink:#323559; --ink2:#5f6396; --ink3:#8588b6; --line:rgba(50,53,89,.14); --line2:rgba(50,53,89,.26);
  --ac:#A778FF; --ac-ink:#1b1d38; --ac-soft:rgba(167,120,255,.16); --ac2:#ef7d28;
  --ok:#1e7a55; --ok-soft:rgba(30,122,85,.12); --err:#b8432f; --err-soft:rgba(184,67,47,.12); --warn:#a66a00;
  --focus:#ef7d28; --shadow:0 10px 30px rgba(50,53,89,.14); --shadow2:0 18px 50px rgba(50,53,89,.2);
  color-scheme:light;
}
:root[data-skin="nebulosa"] body{background:radial-gradient(900px 600px at 0% -10%,rgba(167,120,255,.16),transparent 60%),var(--bg)}
:root[data-skin="nebulosa"] .topo,:root[data-skin="nebulosa"] .lado{background:linear-gradient(180deg,var(--sup),var(--bg))}
:root[data-skin="nebulosa"][data-theme="light"] .topo,:root[data-skin="nebulosa"][data-theme="light"] .lado{background:var(--sup)}
:root[data-skin="nebulosa"] .mk,:root[data-skin="nebulosa"] .cartao .ic{background:linear-gradient(135deg,#FEFF36,#A778FF)}
:root[data-skin="nebulosa"] .cartao:hover{border-color:#A778FF}
:root[data-skin="nebulosa"] .qb-palco{background:#fbf9ff}
:root[data-skin="nebulosa"] .toast{background:#FEFF36;color:#1b1d38}
:root[data-skin="nebulosa"] ::selection{background:rgba(167,120,255,.45)}