/* ========================================================================== MODO ESCURO DO LAUDÁRIO -------------------------------------------------------------------------- Camada de override em cima do dark mode do Falcon (bloco `.dark` do theme.css, que já veio compilado no template e nunca tinha sido ligado). Ativado pela classe `.dark` no . Quem aplica antes do paint é o assets/js/config.js (lê localStorage.theme), então não existe flash branco ao recarregar. ⛔ REGRA DE OURO: O LAUDO É PAPEL. PAPEL É BRANCO. Nada neste arquivo pode escurecer a área de escrita, o preview do laudo, o prontuário ou qualquer coisa que vire PDF/impressão. A seção 5 existe só para garantir isso e usa seletores de ID (especificidade maior) para vencer as varreduras genéricas das seções 2 a 4. ========================================================================== */ /* ========================================================================== 1. TRANSIÇÃO DO TOGGLE Só enquanto troca de tema (a classe .theme-anim é removida em ~400ms pelo alternarTema()). Transição permanente em `*` deixaria a página pesada. ========================================================================== */ html.theme-anim, html.theme-anim *, html.theme-anim *::before, html.theme-anim *::after { transition: background-color .28s ease, border-color .28s ease, color .22s ease, fill .28s ease !important; } /* ========================================================================== 1b. PALETA DOS TEMAS ESCUROS Todas as superfícies deste arquivo e do dark-gerado.css saem em var(--ld-*). ESCURO define os valores; SUPERDARK (classe .superdark JUNTO com .dark) só redefine as variáveis — nenhuma regra é duplicada. Mesmo matiz, menos luz. Os TEXTOS não mudam entre os dois: contraste já foi calibrado pro pior caso. ========================================================================== */ html.dark { --ld-bg: #0b1727; /* fundo da página */ --ld-s0: #1c2634; /* superfície elevada (cards, modais) */ --ld-s1: #172231; /* superfície rebaixada (faixas, zebra) */ --ld-s2: #26344a; /* superfície de contraste (hover, chips) */ --ld-nav: #10263f; /* navbar */ --ld-inp: #0f1826; /* campos de formulário */ --ld-inp2: #16202e; /* campos secundários (checkbox, radio) */ --ld-borda: #2b3a52; --ld-borda2: #35496a; --ld-az0: #14263f; --ld-az1: #102039; --ld-az2: #1b3350; --ld-am0: #3a2e12; --ld-am1: #33290f; --ld-am2: #453718; --ld-vm0: #3a1620; --ld-vm1: #33131c; --ld-vm2: #4a1c28; --ld-vd0: #10312a; --ld-vd1: #0d2a24; --ld-vd2: #164036; --ld-rx0: #251b3d; --ld-rx1: #20173a; --ld-rx2: #2e2250; } html.dark.superdark { --ld-bg: #030609; --ld-s0: #0b111a; --ld-s1: #070c13; --ld-s2: #141d2b; --ld-nav: #081220; --ld-inp: #060b12; --ld-inp2: #0a111b; --ld-borda: #1a2537; --ld-borda2: #243349; --ld-az0: #0a1626; --ld-az1: #071020; --ld-az2: #0e1c30; --ld-am0: #241c08; --ld-am1: #1d1706; --ld-am2: #2b220c; --ld-vm0: #240b12; --ld-vm1: #1d0910; --ld-vm2: #2e1018; --ld-vd0: #081d18; --ld-vd1: #061713; --ld-vd2: #0c2820; --ld-rx0: #150e26; --ld-rx1: #110b20; --ld-rx2: #1b1232; } /* ========================================================================== 2. SUPERFÍCIES — fundos brancos e claros hardcoded em style inline O CSS do projeto não tem variáveis: vive em 246 blocos