/* Identidade Leve nas páginas estáticas (plano 014) — espelha a paleta escura da tela
   de login de index.html (#login) e os tokens de shared/design-tokens.json. Compartilhado
   por privacidade.html, termos.html e excluir-conta.html; coberto por style-src 'self'. */
:root{
  --bg:#0b1413; --panel:#0f1e1b; --panel2:#0c1714; --line:#1a3530;
  --text:#e7f0ed; --muted:#7a9e96; --accent:#1ec2af; --accent-d:#0B8276; --danger:#f2706b;
}
*{ box-sizing:border-box }
body{ margin:0; background:var(--bg); color:var(--text); font-family:'Inter',system-ui,sans-serif; line-height:1.65; }
.wrap{ max-width:720px; margin:0 auto; padding:40px 22px 56px; }

/* Marca no topo — mesmo asset e wordmark do login (icon-leve + "Leve.") */
.brand{ display:flex; flex-direction:column; align-items:center; gap:14px; margin-bottom:30px; text-decoration:none; color:var(--text); }
.brand img{ width:64px; height:64px; border-radius:16px; object-fit:contain; box-shadow:0 10px 32px rgba(15,170,154,.35); }
.brand .word{ font-family:'Bricolage Grotesque',sans-serif; font-weight:800; font-size:36px; letter-spacing:-.035em; line-height:1; }
.brand .word span{ color:var(--accent); }

h1{ font-family:'Bricolage Grotesque',sans-serif; font-weight:800; font-size:32px; letter-spacing:-.03em; line-height:1.1; margin:8px 0 6px; }
h2{ font-family:'Bricolage Grotesque',sans-serif; font-weight:600; font-size:19px; letter-spacing:-.02em; margin:30px 0 8px; }
p,li{ color:var(--text); font-size:15px; }
.muted{ color:var(--muted); }
a{ color:var(--accent); }
.card{ background:var(--panel); border:1px solid var(--line); border-radius:16px; padding:18px 20px; margin:16px 0; text-align:left; }
.card h2{ margin-top:6px; }
.tag{ display:inline-block; background:rgba(15,170,154,.12); color:var(--accent); font-size:12px; font-weight:600; padding:3px 10px; border-radius:999px; }
.note{ font-size:13px; color:var(--muted); border-top:1px solid var(--line); margin-top:40px; padding-top:18px; }
.back{ display:inline-block; margin-top:18px; color:var(--accent); text-decoration:none; font-weight:500; font-size:14px; }
.back:hover{ text-decoration:underline; }

/* Rodapé "Ecossistema Leve 💚" — mesmo padrão do .foot do login */
.foot{ margin-top:44px; font-size:12px; color:var(--muted); opacity:.85; line-height:1.8; text-align:center; }
.foot a{ color:var(--accent); text-decoration:none; }
.foot a.danger{ color:var(--danger); }