/* ============================================================ SCHULLER — tema claro / escuro ------------------------------------------------------------ O layout.css do vendor já traz uma paleta escura completa na classe .dark. Em vez de reescrever cores, aqui só decidimos QUANDO ela vale, via data-theme no (gravado antes do primeiro paint pelo script inline do ). Regra do rodapé: ele é sempre o INVERSO da página. claro -> página branca, rodapé preto escuro -> página preta, rodapé branco ============================================================ */ /* ---------- escuro: a página inteira adota a paleta .dark ---------- */ :root[data-theme='escuro'] body { --color-text-primary: var(--color-zinc-50); --color-text-secondary: var(--color-zinc-300); --color-text-tertiary: var(--color-zinc-400); --color-text-invert: var(--color-zinc-900); --color-text-muted: var(--color-zinc-500); --color-surface-brand-primary: #000; --color-surface-brand-secondary: #0a0a0a; --color-surface-brand-tertiary: #141414; --color-border-primary: #232323; --color-action-primary: var(--color-zinc-100); --color-action-secondary: var(--color-zinc-50); --color-action-invert-primary: var(--color-zinc-950); --color-action-ghost-1: #f9f9fb0d; --color-action-ghost-2: #f9f9fb1a; background: var(--color-surface-brand-primary); color: var(--color-text-primary); } /* No escuro o rodapé inverte: vira claro. Sobrescreve o .dark que o rodapé carrega no HTML (ele nasce escuro para o tema claro). A faixa do grão entra junto: ela é IRMÃ do