/* ============================================================ styles.css — Grifo Tools (hub) Responsabilidade: Estilos minimos nao cobertos pelo Tailwind Dependencias: nenhuma ============================================================ */ html { scroll-behavior: smooth; } :focus { outline: 2px solid #802B22; outline-offset: 2px; } /* ── Transicoes suaves de tema (apenas propriedades visuais) ── */ body, header, footer { transition: background-color 0.3s ease, color 0.3s ease, border-color 0.3s ease; } /* ── Logo: controle de visibilidade por tema ───────────────── A classe .dark e adicionada sincronamente no pelo anti-flash script, entao estas regras entram em vigor antes do primeiro render — sem flash de logo errada. ----------------------------------------------------------- */ #logoDark { display: none; } html.dark #logoLight { display: none; } html.dark #logoDark { display: block; }