/* ══════════════════════════════════════════════════════════════════════════ CLÍNICA — TEMA ESCURO (OS_2810). ARQUIVO GERADO: não editar à mão. Gerado por scratchpad/gerar-tema.js a partir da paleta real do app. Por que uma CAMADA e não remendo por tela: o app tem 17 telas e ~2.000 pontos com a cor escrita dentro do próprio elemento. Antes disso aqui, o escuro era uma caça a essas cores, uma de cada vez — e tela nova nascia ilegível. Aqui a paleta INTEIRA (358 cores) é traduzida de uma vez. Gatilho: . Sem o atributo, nada aqui vale e o tema claro fica intacto por construção. Papel manda na tradução: a MESMA cor vira coisas diferentes se for texto, fundo ou borda. Cor de marca e de situação (verde/vermelho/amarelo) muda só de tom — o significado continua. ══════════════════════════════════════════════════════════════════════════ */ :root[data-tema="escuro"] { /* Superfícies, do fundo da página para a frente */ --dm-fundo: #0f1216; --dm-superficie: #181c22; --dm-superficie-2: #212630; --dm-superficie-3: #2b323d; --dm-borda: #333a45; --dm-borda-forte: #465060; /* Texto em 4 níveis — todos medidos acima de 4.5 sobre a superfície */ --dm-texto: #e6eaf0; --dm-texto-2: #cbd3dd; --dm-texto-3: #aab4c2; --dm-texto-4: #8f9aa8; /* Tokens próprios do app (antes definidos em body.dark-mode) */ --bg-body: #0f1216; --bg-card: #181c22; --bg-input: #212630; --text-main: #e6eaf0; --text-muted: #aab4c2; --border-color: #333a45; /* escurece barra de rolagem e campos nativos */ color-scheme: dark; } /* ── 1. Base da página ──────────────────────────────────────────────────── */ :root[data-tema="escuro"] body, :root[data-tema="escuro"] main { background-color: var(--dm-fundo); color: var(--dm-texto-2); } :root[data-tema="escuro"] h1, :root[data-tema="escuro"] h2, :root[data-tema="escuro"] h3, :root[data-tema="escuro"] h4, :root[data-tema="escuro"] h5, :root[data-tema="escuro"] h6 { color: var(--dm-texto); } /* Campos: o navegador já escurece com color-scheme, mas o app pinta muitos deles à mão — aqui eles voltam a ser uma superfície com borda visível. */ :root[data-tema="escuro"] input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=color]), :root[data-tema="escuro"] textarea, :root[data-tema="escuro"] select { background-color: var(--dm-superficie-2); color: var(--dm-texto); border-color: var(--dm-borda-forte); } /* Um