/* além — modo escuro das telas de conta e entrada (9ª entrega, pranchetas Escuro-Conta-*).
   Tudo começa por html[data-tema="escuro"]: a primeira visita é sempre clara e o escuro só aparece quando a pessoa escolhe
   (chave `alem-tema` do navegador, a mesma do site). O painel lateral (tela) é preto nos dois temas. */
html[data-tema="escuro"] {
	color-scheme: dark;
	--ax-paper: #141412;          /* fundo da página */
	--ax-ink: #e9e4db;            /* texto, contornos */
	--ax-field: #1c1b18;          /* campos */
	--ax-muted: #a39e94;          /* texto secundário */
	--ax-accent: #4fc4c6;         /* rótulos e links (≥ 7:1 sobre o fundo) */
	--ax-rule: #35332e;
	--ax-cyan: #36aeb0;
	--alem-login-paper: #141412;
	--alem-login-ink: #e9e4db;
	--alem-login-accent: #4fc4c6;
	--alem-login-rule: #35332e;
	--alem-login-muted: #a39e94;
}
html[data-tema="escuro"], html[data-tema="escuro"] body.alem-access, html[data-tema="escuro"] body.login.alem-login { background: #141412; color: #e9e4db; }
html[data-tema="escuro"] body.login.alem-login { color: #e9e4db; }
html[data-tema="escuro"] body.login.alem-login::before { background: #141412; }
html[data-tema="escuro"] .ax-main h2, html[data-tema="escuro"] .ax-main h1, html[data-tema="escuro"] .ax-main legend { color: #e9e4db; }
html[data-tema="escuro"] .ax-lede, html[data-tema="escuro"] .ax-hint, html[data-tema="escuro"] .ax-label em { color: #a39e94; }
html[data-tema="escuro"] .ax-main a:not(.ax-btn):not(.ax-logo) { color: #4fc4c6; }
html[data-tema="escuro"] .ax-main a:not(.ax-btn):not(.ax-logo):is(:hover, :focus-visible) { color: #e9e4db; }
/* o logotipo é escuro sobre claro: no escuro usa a versão clara */
html[data-tema="escuro"] .ax-logo img { filter: invert(1) hue-rotate(180deg) brightness(1.1); }
html[data-tema="escuro"] .ax-notice { background: #1c1b18; border-color: #e9e4db; color: #e9e4db; }
html[data-tema="escuro"] .ax-notice.is-ok { border-color: #4fc4c6; }
html[data-tema="escuro"] .ax-form :is(input:not([type="checkbox"]):not([type="file"]):not([type="hidden"]), textarea, select),
html[data-tema="escuro"] body.login.alem-login input[type="text"], html[data-tema="escuro"] body.login.alem-login input[type="password"], html[data-tema="escuro"] body.login.alem-login input[type="email"],
html[data-tema="escuro"] body.alem-access .alem-account-panel :is(input:not([type="checkbox"]):not([type="file"]):not([type="hidden"]), textarea, select) {
	background: #1c1b18; color: #e9e4db; border-color: #6b675f;
}
html[data-tema="escuro"] .ax-form :is(input, textarea, select):focus, html[data-tema="escuro"] body.login.alem-login input:focus { border-color: #4fc4c6; box-shadow: 0 0 0 3px rgb(79 196 198 / 30%); }
html[data-tema="escuro"] .ax-form input::placeholder, html[data-tema="escuro"] body.login.alem-login input::placeholder { color: #8b867c; }
html[data-tema="escuro"] .ax-check input, html[data-tema="escuro"] body.alem-access .alem-account-panel label.check input { background: #1c1b18; border-color: #a39e94; }
html[data-tema="escuro"] .ax-check input:checked, html[data-tema="escuro"] body.alem-access .alem-account-panel label.check input:checked { background: #4fc4c6; border-color: #4fc4c6; }
html[data-tema="escuro"] .ax-check input::after, html[data-tema="escuro"] body.alem-access .alem-account-panel label.check input::after { border-color: #0c0d0e; }
html[data-tema="escuro"] .ax-set, html[data-tema="escuro"] body.alem-access .alem-account-panel fieldset { border-top-color: #e9e4db; }
/* botões: pílula preta com contorno fino para existir sobre o fundo escuro */
html[data-tema="escuro"] .ax-btn, html[data-tema="escuro"] .ax-main button[type="submit"], html[data-tema="escuro"] body.login.alem-login .button-primary, html[data-tema="escuro"] body.login.alem-login #wp-submit { background: #0c0d0e; border-color: #3a3b3c; color: #f6f3ee; }
html[data-tema="escuro"] .ax-btn.is-ghost { background: transparent; color: #e9e4db; border-color: #e9e4db; }
html[data-tema="escuro"] .ax-progress li { background: rgb(233 228 219 / 28%); }
html[data-tema="escuro"] .ax-progress li.is-current { background: #e9e4db; }
html[data-tema="escuro"] .ax-step-note { background: rgb(79 196 198 / 12%); color: #e9e4db; }
html[data-tema="escuro"] .ax-stats div { background: #1c1b18; border-color: #35332e; }
html[data-tema="escuro"] .ax-stepno, html[data-tema="escuro"] .ax-stats span { color: #4fc4c6; }
/* entrar (wp-login.php) */
html[data-tema="escuro"] body.login.alem-login label { color: #4fc4c6; }
html[data-tema="escuro"] body.login.alem-login .forgetmenot label { color: #e9e4db; }
html[data-tema="escuro"] body.login.alem-login #login a, html[data-tema="escuro"] body.login.alem-login #nav a, html[data-tema="escuro"] body.login.alem-login #backtoblog a, html[data-tema="escuro"] body.login .privacy-policy-page-link a { color: #4fc4c6; }
html[data-tema="escuro"] body.login.alem-login #login_error, html[data-tema="escuro"] body.login.alem-login .message, html[data-tema="escuro"] body.login.alem-login .notice { background: #1c1b18; color: #e9e4db; border-color: #e9e4db; }
html[data-tema="escuro"] body.login.alem-login .alem-login-cta { background: #141412; border-top-color: #e9e4db; color: #e9e4db; }
html[data-tema="escuro"] body.login.alem-login .alem-login-cta a { color: #4fc4c6; }
html[data-tema="escuro"] body.login.alem-login .alem-login-heading h2, html[data-tema="escuro"] body.login.alem-login .alem-login-heading p { color: #e9e4db; }
html[data-tema="escuro"] body.login.alem-login .wp-pwd .button.wp-hide-pw { color: #a39e94; }
@media (max-width: 1000px) { html[data-tema="escuro"], html[data-tema="escuro"] body.login.alem-login { background: #141412; } }
/* logotipo: claro por padrão, bege no escuro */
.ax-logo img.ax-logo-escuro { display: none; }
html[data-tema="escuro"] .ax-logo img.ax-logo-claro { display: none; }
html[data-tema="escuro"] .ax-logo img.ax-logo-escuro { display: block; width: auto; height: 46px; }
html[data-tema="escuro"] .ax-logo img { filter: none; }
html[data-tema="escuro"] .ax-main button.ax-link[type="submit"] { background: none; border: 0; color: #4fc4c6; box-shadow: none; transform: none; }
html[data-tema="escuro"] .ax-main button.ax-link[type="submit"]:is(:hover, :focus-visible) { background: none; color: #e9e4db; box-shadow: none; transform: none; }
html[data-tema="escuro"] .ax-main button.ax-link[type="submit"]:disabled { color: #a39e94; }
html[data-tema="escuro"] .ax-main button.ax-btn.is-ghost[type="submit"] { background: transparent; color: #e9e4db; border-color: #e9e4db; }
html[data-tema="escuro"] .ax-check > span { color: #e9e4db; }
html[data-tema="escuro"] .ax-regras li { color: #a39e94; }
html[data-tema="escuro"] .ax-regras li.is-ok { color: #e9e4db; }
html[data-tema="escuro"] .ax-regras i { border-color: #a39e94; }
html[data-tema="escuro"] .ax-regras li.is-ok i { background: #4fc4c6; border-color: #4fc4c6; }
html[data-tema="escuro"] .ax-regras li.is-ok i::after { border-color: #0c0d0e; }
/* Botões no escuro: fundo e letra fixos, sem transição de cor e sem brilho difuso (nada de fundo claro com letra clara). */
html[data-tema="escuro"] .ax-btn, html[data-tema="escuro"] .ax-main button[type="submit"] { transition: none; }
html[data-tema="escuro"] .ax-btn:not(.is-ghost):is(:hover, :focus-visible), html[data-tema="escuro"] .ax-main button.ax-btn:not(.is-ghost):is(:hover, :focus-visible) { background: #0c0d0e; color: #f6f3ee; border-color: #4fc4c6; box-shadow: 0 0 0 1.5px #4fc4c6; transform: none; }
html[data-tema="escuro"] .ax-btn.is-ghost:is(:hover, :focus-visible) { background: transparent; color: #e9e4db; border-color: #4fc4c6; box-shadow: 0 0 0 1.5px #4fc4c6; transform: none; }
html[data-tema="escuro"] .alem-login-link-acesso { color: #e9e4db !important; border-color: #e9e4db; }
html[data-tema="escuro"] .alem-login-link-acesso:is(:hover, :focus-visible) { border-color: #4fc4c6; box-shadow: 0 0 0 1.5px #4fc4c6; }
html[data-tema="escuro"] .alem-login-ou, html[data-tema="escuro"] .alem-login-link-nota, html[data-tema="escuro"] .alem-login-rodape { color: #a39e94; }
html[data-tema="escuro"] body.login.alem-login .forgetmenot input[type="checkbox"] { background: #1c1b18; border-color: #a39e94; }
html[data-tema="escuro"] body.login.alem-login .forgetmenot input[type="checkbox"]:checked { background: #4fc4c6; border-color: #4fc4c6; }
html[data-tema="escuro"] body.login.alem-login #login a.alem-login-link-acesso:not(.button):not(h1 a) { border-color: #e9e4db; border-bottom-color: #e9e4db; color: #e9e4db !important; background-image: linear-gradient(#4fc4c6, #4fc4c6); background-size: 0% 100%; background-repeat: no-repeat; }
html[data-tema="escuro"] body.login.alem-login #login a.alem-login-link-acesso:not(.button):not(h1 a):is(:hover, :focus-visible) { border-color: #4fc4c6; border-bottom-color: #4fc4c6; background-image: linear-gradient(#4fc4c6, #4fc4c6); background-size: 100% 100%; box-shadow: none; color: #0c0d0e !important; }
@media (max-width: 720px) {
	html[data-tema="escuro"] body.login.alem-login #login a.alem-login-conta-btn:not(.button):not(h1 a) { border-color: #e9e4db; border-bottom-color: #e9e4db; color: #e9e4db !important; }
	html[data-tema="escuro"] .alem-login-conta-nota { color: #a39e94; }
}
html[data-tema="escuro"] body.login.alem-login #loginform .forgetmenot input[type="checkbox"]:checked::after { border-color: #0c0d0e; }
html[data-tema="escuro"] body.login.alem-login #loginform .forgetmenot input[type="checkbox"] { background: #1c1b18 !important; border-color: #a39e94 !important; }
html[data-tema="escuro"] body.login.alem-login #loginform .forgetmenot input[type="checkbox"]:checked { background: #4fc4c6 !important; border-color: #4fc4c6 !important; }
html[data-tema="escuro"] .mc-box, html[data-tema="escuro"] .mc-abas { background: #1b1a17; border-color: #3a3836; }
html[data-tema="escuro"] .mc-kv > div, html[data-tema="escuro"] .mc-item { border-color: #3a3836; }
html[data-tema="escuro"] .mc-kv dt, html[data-tema="escuro"] .mc-linha time, html[data-tema="escuro"] .mc-filtro label { color: #a39e94; }
html[data-tema="escuro"] .mc-k, html[data-tema="escuro"] .mc-sair { color: #4fc4c6; }
html[data-tema="escuro"] .mc-abas a { color: #e9e4db !important; }
html[data-tema="escuro"] .mc-abas a.on { background: #e9e4db; color: #0c0d0e !important; }
html[data-tema="escuro"] .mc-trecho, html[data-tema="escuro"] .mc-previa span:not(.mc-avatar) { color: #cfc9be; }
html[data-tema="escuro"] .mc-previa { background: #242320; }
html[data-tema="escuro"] .mc-pill { background: #1b1a17; }
html[data-tema="escuro"] .mc-pill.ok { color: #4fc4c6; border-color: #4fc4c6; }
html[data-tema="escuro"] .mc-pill.no { color: #a39e94; border-color: #8a847b; }
html[data-tema="escuro"] .mc-pill.er { color: #ff9a92; border-color: #ff9a92; }
html[data-tema="escuro"] .mc-box textarea, html[data-tema="escuro"] .mc-filtro select { background: #1b1a17; border-color: #3a3836; color: #e9e4db; }
html[data-tema="escuro"] .mc-paginas a { border-color: #3a3836; }
html[data-tema="escuro"] .mc-paginas a[aria-current="page"] { background: #e9e4db; color: #0c0d0e !important; }
html[data-tema="escuro"] body.alem-conta .mc-abas a.on { background-color: #e9e4db !important; color: #0c0d0e !important; }
html[data-tema="escuro"] .mc-ind { background: #e9e4db; }
html[data-tema="escuro"].ax-js .mc-abas.pronto a.on { background-color: transparent !important; }
html[data-tema="escuro"] .mc-abas a:not(.on):is(:hover, :focus-visible) { box-shadow: inset 0 0 0 1.5px #4fc4c6, 0 0 14px rgb(79 196 198 / 35%); }
html[data-tema="escuro"] .mc-chip { border-color: #3a3836; }
html[data-tema="escuro"] .mc-chip.on { background: #e9e4db; border-color: #e9e4db; color: #0c0d0e !important; }
html[data-tema="escuro"] .mc-chip-sel select { color: #e9e4db; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'%3E%3Cpath d='M0 0h10L5 6z' fill='%23e9e4db'/%3E%3C/svg%3E"); }
html[data-tema="escuro"] .mc-chip-sel select option { background: #1b1a17; color: #e9e4db; }
html[data-tema="escuro"] .mc-salvos li { border-color: #3a3836; }
html[data-tema="escuro"] .mc-kick { color: #4fc4c6; }
html[data-tema="escuro"] .mc-titulo { color: #e9e4db !important; }
html[data-tema="escuro"] body.alem-conta .ax-main a.mc-chip { border-color: #3a3836 !important; }
html[data-tema="escuro"] body.alem-conta .ax-main button.mc-pill[type="submit"] { background: #1b1a17; color: #a39e94; }
html[data-tema="escuro"] body.alem-conta .ax-main button.mc-pill.ok[type="submit"] { color: #4fc4c6; border-color: #4fc4c6; }
html[data-tema="escuro"] .mc-links { background: #050606; box-shadow: 0 0 0 1px #3a3836; }
html[data-tema="escuro"] .mc-texto, html[data-tema="escuro"] .mc-recibo small { color: #cfc9be; }
html[data-tema="escuro"] .mc-recibo { border-color: #3a3836; }
html[data-tema="escuro"] .mc-em-breve, html[data-tema="escuro"] .mc-k-leve { color: #a39e94; }
html[data-tema="escuro"] .mc-desligado { border-color: #e9e4db; color: #e9e4db; background: transparent; }
html[data-tema="escuro"] .mc-testes summary { color: #4fc4c6; }
html[data-tema="escuro"] body.alem-conta .ax-main a.ax-btn.is-ghost { color: #e9e4db; border-color: #e9e4db !important; }
html[data-tema="escuro"] body.alem-conta .ax-main a.ax-btn:not(.is-ghost) { background: #e9e4db !important; color: #0c0d0e; }
html[data-tema="escuro"] .mc-menu-btn { color: #e9e4db; }
html[data-tema="escuro"] .mc-menu-lista { background: #1b1a17; border-color: #3a3836; box-shadow: 0 12px 28px rgb(0 0 0 / 50%); }
html[data-tema="escuro"] .mc-menu-lista li { color: #e9e4db; }
html[data-tema="escuro"] .mc-menu-lista li.on::before { background: #4fc4c6; }
html[data-tema="escuro"] body.alem-conta .ax-main button.mc-menu-btn { color: #e9e4db; }
.mc-logo img.ax-logo-escuro { display: none; }
html[data-tema="escuro"] .mc-logo img.ax-logo-claro { display: none; }
html[data-tema="escuro"] .mc-logo img.ax-logo-escuro { display: block; height: 38px; width: auto; }
