/* ============================================================================ Tema global do LMNew — variáveis de cor pra CLARO/ESCURO. Escuro é o PADRÃO (:root). O toggle troca [data-theme] no . Páginas novas/refatoradas usam var(--...) em vez de cor chumbada. ========================================================================== */ :root, [data-theme="dark"] { --bg: #0a0a1c; --bg-grad: radial-gradient(1100px 620px at 50% -8%, #161636, #0a0a1c); --surface: #14161f; --surface-2: #1a1c2e; --text: #f0f0ff; --muted: #8b93a7; --primary: #17c0c0; --primary-ink: #062018; /* texto sobre o teal */ --accent: #a55eea; --gold: #ffd75e; --border: #2a2e3d; --nav-bg: #0c0d18; --shadow: 0 8px 24px rgba(0,0,0,.45); /* superfícies do app legado (styles.css) — centralizadas aqui p/ trocarem com o tema */ --bg2: #0d0d1e; --panel: #14161f; --panel-2: #1a1c2e; --code: #05050f; } [data-theme="light"] { --bg: #f5f7fb; --bg-grad: linear-gradient(180deg, #eef1f8, #f7f9fd); --surface: #ffffff; --surface-2: #ffffff; --text: #1a1c2e; --muted: #707890; --primary: #0ca5a5; --primary-ink: #063b3b; --accent: #7c4dd8; --gold: #b9890b; --border: #e3e7f0; --nav-bg: #ffffff; --shadow: 0 4px 16px rgba(20,30,60,.08); --bg2: #eef1f8; --panel: #ffffff; --panel-2: #f5f7fb; --code: #eef1f8; } /* transição suave ao trocar o tema (mas não na 1ª pintura) */ [data-theme] body { transition: background-color .25s ease, color .25s ease; }