/* Páginas de privacidade e termos (estáticas, fora do app). Usa os tokens do app. */
body { margin: 0; background: var(--canvas); color: var(--ink); font-family: var(--font); line-height: 1.65; }
.legal { max-width: 720px; margin: 0 auto; padding: 48px 20px 80px; }
.legal__nav { display: flex; justify-content: space-between; align-items: center; margin-bottom: 40px; font-size: 14px; }
.legal__nav a { color: var(--ink-2); text-decoration: none; }
.legal__nav a:hover { color: var(--ink); text-decoration: underline; }
.legal__marca { font-weight: 600; color: var(--ink); display: inline-flex; align-items: center; gap: 10px; }
.legal__marca i { width: 12px; height: 12px; border-radius: 50%; background: var(--gold); display: inline-block; }
.legal h1 { font-family: var(--font-display); font-size: clamp(30px, 6vw, 44px); line-height: 1.1; margin: 0 0 8px; font-weight: 500; letter-spacing: -.02em; }
.legal__meta { color: var(--ink-3); font-size: 14px; margin: 0 0 28px; }
.legal__resumo { background: var(--surface); border-left: 4px solid var(--gold); border-radius: 12px; padding: 16px 20px; margin: 0 0 32px; }
.legal h2 { font-size: 20px; margin: 36px 0 8px; font-weight: 600; }
.legal p, .legal li { color: var(--ink-2); }
.legal a { color: var(--ink); }
.legal ul { padding-left: 20px; }
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) { --canvas: #0f0f0e; --surface: #1b1b19; --ink: #f1f0ea; --ink-2: #b9b8b0; --ink-3: #96958d; }
}