/* ==========================================================================
   #pratododia — 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.
   Mesma organização do #pratododia; mudam só as cores da tela:
   roxo #A778FF, azul-marinho #323559, laranja #FF9C54 e amarelo #FEFF36.
   As receitas impressas, os PDFs e a capa do livro continuam com as cores
   originais (são o conteúdo, não a tela). Funciona com os temas claro e escuro.
   ========================================================================== */

/* ---------- Tema claro ---------- */
:root[data-skin="nebulosa"] {
  --papel: #F2EEFC;
  --ficha: #FFFFFF;
  --fundo-2: #EAE3FB;
  --tinta: #323559;
  --tinta-2: #5F6495;
  --tinta-3: #6E72A3;
  --linha: #DCD3F5;
  --linha-forte: #C4B6EE;
  --primaria: #7B4FE0;
  --primaria-ativa: #6A3FD0;
  --sobre-primaria: #FFFFFF;
  --destaque: #6A3FD0;
  --verde-claro: #EEE7FF;
  --folha: #A778FF;
  --laranja: #B8560F;
  --laranja-claro: #FFE7D3;
  --esmalte: #323559;
  --sobre-esmalte: #F3F1FF;
  --sobre-esmalte-2: #B9BCE0;
  --foco: #E0761F;
  --pauta: rgba(167, 120, 255, .22);
  --sombra: 0 1px 0 rgba(50, 53, 89, .06), 0 10px 24px -16px rgba(50, 53, 89, .45);
  --sombra-alta: 0 2px 0 rgba(50, 53, 89, .06), 0 24px 48px -20px rgba(27, 29, 56, .55);
}

/* ---------- Tema escuro ---------- */
:root[data-skin="nebulosa"][data-tema="escuro"] {
  --papel: #1B1D36;
  --ficha: #262948;
  --fundo-2: #202240;
  --tinta: #F3F1FF;
  --tinta-2: #C9CBEA;
  --tinta-3: #9EA2CC;
  --linha: #3A3E6B;
  --linha-forte: #50568A;
  --primaria: #7B4FE0;
  --primaria-ativa: #8C62EF;
  --sobre-primaria: #FFFFFF;
  --destaque: #C6A8FF;
  --verde-claro: #2F2C5C;
  --folha: #A778FF;
  --laranja: #FF9C54;
  --laranja-claro: #3D2F3A;
  --tomate: #EF7A6B;
  --esmalte: #15172D;
  --sobre-esmalte: #F3F1FF;
  --sobre-esmalte-2: #A9ACD6;
  --foco: #FEFF36;
  --pauta: rgba(167, 120, 255, .16);
  --sombra: 0 1px 0 rgba(0, 0, 0, .3), 0 10px 24px -16px rgba(0, 0, 0, .8);
  --sombra-alta: 0 2px 0 rgba(0, 0, 0, .3), 0 24px 48px -20px rgba(0, 0, 0, .9);
}

/* ---------- Detalhes com cor fixa no estilo original ---------- */
/* toalha xadrez da tela inicial */
:root[data-skin="nebulosa"] .inicio {
  background-color: #EFE9FB;
  background-image: linear-gradient(90deg, rgba(167, 120, 255, .14) 50%, transparent 50%), linear-gradient(rgba(167, 120, 255, .14) 50%, transparent 50%);
}
:root[data-skin="nebulosa"][data-tema="escuro"] .inicio {
  background-color: #17192F;
  background-image: linear-gradient(90deg, rgba(167, 120, 255, .07) 50%, transparent 50%), linear-gradient(rgba(167, 120, 255, .07) 50%, transparent 50%);
}
:root[data-skin="nebulosa"] .aviso { background: #323559; color: #F3F1FF; }
:root[data-skin="nebulosa"][data-tema="escuro"] .aviso { background: #F3F1FF; color: #1B1D38; }
:root[data-skin="nebulosa"] dialog.janela::backdrop { background: rgba(27, 29, 56, .55); }
:root[data-skin="nebulosa"] .rv-meta dt .ic { color: #E0761F; }
:root[data-skin="nebulosa"] ::selection { background: rgba(167, 120, 255, .40); }