/* GERADO por ferramentas/gera-escuro.py a partir de escuro-fonte.css — não editar aqui. */


html[data-tema="escuro"] {
  color-scheme: dark;
  --marca:         #f0305f;
  --fundo:         #0e131a;
  --sup:           #161d27;
  --sup-2:         #1a222d;
  --sup-3:         #222c39;
  --faixa:         #141c29;
  --faixa-2:       #1d2940;
  --faixa-fundo:   #0b1017;
  --txt:           #e8edf3;
  --txt-2:         #c3ccd6;
  --txt-3:         #8e99a6;
  --txt-4:         #66717e;
  --borda:         #263140;
  --borda-forte:   #344153;
  --campo:         #111821;
  --campo-borda:   #334051;
  --info:          #4cc9e0;
  --info-suave:    rgba(76,201,224,.1);
  --info-borda:    rgba(76,201,224,.3);
  --ok:            #79c9a2;
  --ok-suave:      rgba(121,201,162,.12);
  --aviso:         #f0b44c;
  --aviso-suave:   rgba(240,180,76,.1);
  --aviso-borda:   rgba(240,180,76,.35);
  --erro:          #ff5c84;
  --erro-suave:    rgba(255,92,132,.1);
  --erro-borda:    rgba(255,92,132,.35);
  --sombra-1:      0 1px 2px rgba(0,0,0,.35);
  --sombra-2:      0 1px 2px rgba(0,0,0,.35), 0 10px 26px -18px rgba(0,0,0,.9);
  --anel:          0 0 0 3px rgba(76,201,224,.25);
}
html[data-tema="escuro"] ::selection { background: rgba(240,48,95,.35); }
html[data-tema="escuro"] .filtros input[type=date]::-webkit-calendar-picker-indicator { filter: invert(1); }
html[data-tema="escuro"] a:hover { color: #fff; }

/* o que no claro é «escuro sobre claro» e no escuro se perderia */
html[data-tema="escuro"] .seletor-tema button[aria-pressed="true"],
html[data-tema="escuro"] .paginacao > .aqui,
html[data-tema="escuro"] .crivo-marcas button[aria-pressed="true"],
html[data-tema="escuro"] .reg-fontes a.activo,
html[data-tema="escuro"] button.fichinha.atalhos-botao:hover { background: #e8edf3; border-color: #e8edf3; color: #0e131a; }
html[data-tema="escuro"] .reg-vezes { background: #344153; }
html[data-tema="escuro"] .fita-topo { box-shadow: 0 6px 18px -16px rgba(0,0,0,.9); }
html[data-tema="escuro"] dialog::backdrop { background: rgba(0,0,0,.6); }
html[data-tema="escuro"] main > p.vazio::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2379c9a2' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 12 4 4 8-8'/%3E%3C/svg%3E");
}
html[data-tema="escuro"] .entrada { box-shadow: 0 30px 70px -28px rgba(0,0,0,.9), 0 0 0 1px var(--borda); }

@media (prefers-color-scheme: dark) {


html[data-tema="sistema"] {
  color-scheme: dark;
  --marca:         #f0305f;
  --fundo:         #0e131a;
  --sup:           #161d27;
  --sup-2:         #1a222d;
  --sup-3:         #222c39;
  --faixa:         #141c29;
  --faixa-2:       #1d2940;
  --faixa-fundo:   #0b1017;
  --txt:           #e8edf3;
  --txt-2:         #c3ccd6;
  --txt-3:         #8e99a6;
  --txt-4:         #66717e;
  --borda:         #263140;
  --borda-forte:   #344153;
  --campo:         #111821;
  --campo-borda:   #334051;
  --info:          #4cc9e0;
  --info-suave:    rgba(76,201,224,.1);
  --info-borda:    rgba(76,201,224,.3);
  --ok:            #79c9a2;
  --ok-suave:      rgba(121,201,162,.12);
  --aviso:         #f0b44c;
  --aviso-suave:   rgba(240,180,76,.1);
  --aviso-borda:   rgba(240,180,76,.35);
  --erro:          #ff5c84;
  --erro-suave:    rgba(255,92,132,.1);
  --erro-borda:    rgba(255,92,132,.35);
  --sombra-1:      0 1px 2px rgba(0,0,0,.35);
  --sombra-2:      0 1px 2px rgba(0,0,0,.35), 0 10px 26px -18px rgba(0,0,0,.9);
  --anel:          0 0 0 3px rgba(76,201,224,.25);
}
html[data-tema="sistema"] ::selection { background: rgba(240,48,95,.35); }
html[data-tema="sistema"] .filtros input[type=date]::-webkit-calendar-picker-indicator { filter: invert(1); }
html[data-tema="sistema"] a:hover { color: #fff; }

/* o que no claro é «escuro sobre claro» e no escuro se perderia */
html[data-tema="sistema"] .seletor-tema button[aria-pressed="true"],
html[data-tema="sistema"] .paginacao > .aqui,
html[data-tema="sistema"] .crivo-marcas button[aria-pressed="true"],
html[data-tema="sistema"] .reg-fontes a.activo,
html[data-tema="sistema"] button.fichinha.atalhos-botao:hover { background: #e8edf3; border-color: #e8edf3; color: #0e131a; }
html[data-tema="sistema"] .reg-vezes { background: #344153; }
html[data-tema="sistema"] .fita-topo { box-shadow: 0 6px 18px -16px rgba(0,0,0,.9); }
html[data-tema="sistema"] dialog::backdrop { background: rgba(0,0,0,.6); }
html[data-tema="sistema"] main > p.vazio::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2379c9a2' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 12 4 4 8-8'/%3E%3C/svg%3E");
}
html[data-tema="sistema"] .entrada { box-shadow: 0 30px 70px -28px rgba(0,0,0,.9), 0 0 0 1px var(--borda); }

}