/* Yetzer Finanças — páginas públicas (privacidade, exclusão de conta). Mesmas cores e temas do app (escuro/claro). */
:root{
  --onyx:#0B1220; --s1:#101A2E; --line:rgba(0,200,232,.16); --hair:rgba(255,255,255,.08);
  --ivory:#F5F7FA; --text2:#D8E1EC; --muted:#A5B4C5; --gold:#00C8E8; --gold-text:#7FE3F3;
  --metal:linear-gradient(135deg,#F5F7FA 0%,#BFF3FB 22%,#00C8E8 50%,#4D9BFF 78%,#E6F7FF 100%);
  color-scheme:dark;
}
:root[data-theme="light"]{
  --onyx:#F5F7FA; --s1:#FFFFFF; --line:rgba(0,92,230,.16); --hair:rgba(11,18,32,.10);
  --ivory:#0B1220; --text2:#243552; --muted:#4B5B70; --gold:#005CE6; --gold-text:#0047B3;
  --metal:linear-gradient(135deg,#0B1220 0%,#003F99 45%,#005CE6 75%,#0B1220 100%);
  color-scheme:light;
}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--onyx);color:var(--ivory);font:16px/1.65 Manrope,system-ui,-apple-system,"Segoe UI",Roboto,sans-serif}
main{max-width:760px;margin:0 auto;padding:32px 16px 56px}
header.top{display:flex;align-items:center;gap:12px;margin-bottom:28px}
header.top img{width:48px;height:48px;border-radius:12px}
header.top strong{display:block;font-size:22px;letter-spacing:.08em;color:var(--gold-text)}
/* marca completa YETZER / FINANÇAS (igual ao app) */
.lockup{display:flex;flex-direction:column;align-items:flex-start;line-height:1;font-size:22px;font-weight:800;margin-bottom:6px}
.lockup b{letter-spacing:.14em;margin-right:-.14em;background:var(--metal);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent}
header.top .lockup small{margin-top:.5em;font-size:.42em;font-weight:700;letter-spacing:.76em;margin-right:-.76em;color:var(--gold)}
header.top div > small{display:block}
header.top small{color:var(--muted);font-size:13px}
/* botão de tema (Automático → Escuro → Claro) */
.tema-btn{margin-left:auto;align-self:flex-start;display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:999px;border:1px solid var(--line);background:var(--s1);color:var(--muted);font:600 13px Manrope,system-ui,sans-serif;cursor:pointer}
.tema-btn:focus-visible{outline:2px solid var(--gold);outline-offset:2px}
h1{font-size:28px;line-height:1.25;margin:0 0 6px}
.updated{color:var(--muted);font-size:14px;margin:0 0 28px}
h2{font-size:19px;color:var(--gold-text);margin:32px 0 8px}
p,li{color:var(--text2)}
ul,ol{padding-left:22px}
li{margin:4px 0}
a{color:var(--gold-text)}
.card{background:var(--s1);border:1px solid var(--line);border-radius:14px;padding:16px 18px;margin:16px 0}
.card p:first-child{margin-top:0}
.card p:last-child{margin-bottom:0}
table{width:100%;border-collapse:collapse;margin:12px 0;font-size:15px}
th,td{text-align:left;vertical-align:top;padding:10px 8px;border-bottom:1px solid var(--hair)}
th{color:var(--muted);font-weight:600}
footer{margin-top:48px;padding-top:20px;border-top:1px solid var(--hair);color:var(--muted);font-size:13px;text-align:center}
footer a{color:var(--muted)}
@media (max-width:520px){h1{font-size:24px}table{font-size:14px}}