/* Páginas legais (privacidade.html, termos.html) — mesmas fontes e cores da
   landing (templates/landing.html). */
@font-face{ font-family:'Outfit'; src:url('/fonts/outfit-variable.ttf') format('truetype-variations'); font-weight:300 800; font-display:swap; }
@font-face{ font-family:'PublicSans'; src:url('/fonts/public-sans-variable.ttf') format('truetype-variations'); font-weight:300 700; font-display:swap; }
:root{
  --bg:#eef4fb; --panel:#ffffff; --line:#dee8f1; --text:#16232f; --text-soft:#56697c;
  --brand:#3f7ab0; --brand-deep:#2c5a87; --amber:#e8a23b;
  --footer-bg:#1c2c3e; --footer-text:#dbe6f0; --footer-text-soft:#93a8bb;
}
@media (prefers-color-scheme: dark){
  :root:not([data-theme="light"]){
    --bg:#111b26; --panel:#172431; --line:#263749; --text:#e3ecf5; --text-soft:#9db0c3;
    --brand:#7fb3dd; --brand-deep:#a9cdec; --footer-bg:#0b131c;
  }
}
:root[data-theme="dark"]{
  --bg:#111b26; --panel:#172431; --line:#263749; --text:#e3ecf5; --text-soft:#9db0c3;
  --brand:#7fb3dd; --brand-deep:#a9cdec; --footer-bg:#0b131c;
}
*{ box-sizing:border-box; }
body{ margin:0; background:var(--bg); color:var(--text); font-family:'PublicSans',-apple-system,"Segoe UI",Roboto,sans-serif; line-height:1.65; font-size:1rem; }
.wrap{ max-width:760px; margin:0 auto; padding:0 16px; }
header{ padding:22px 0; }
.logo{ font-family:'Outfit'; font-weight:650; font-size:1.05rem; color:var(--text); text-decoration:none; display:inline-flex; align-items:center; gap:8px; }
.dot{ width:10px; height:10px; border-radius:50%; background:var(--amber); display:inline-block; }
main{ background:var(--panel); border:1px solid var(--line); border-radius:20px; padding:28px 22px 32px; margin-bottom:40px; }
h1{ font-family:'Outfit'; font-weight:650; font-size:clamp(1.6rem,4.5vw,2.1rem); line-height:1.2; margin:0 0 6px; color:var(--brand-deep); }
h2{ font-family:'Outfit'; font-weight:620; font-size:1.18rem; margin:28px 0 8px; }
.updated{ color:var(--text-soft); font-size:.9rem; margin:0 0 22px; }
p, li{ overflow-wrap:anywhere; }
ul{ padding-left:22px; }
li{ margin:4px 0; }
a{ color:var(--brand); }
.see-also{ margin-top:30px; color:var(--text-soft); }
footer{ background:var(--footer-bg); color:var(--footer-text-soft); padding:22px 0; font-size:.9rem; }
footer a{ color:var(--footer-text); }
@media (min-width:700px){ main{ padding:40px 48px 44px; } }