/* Paginas legais do PUROSWAP (termos, privacidade).
   Os tokens sao os mesmos do index.html -- copiados, e nao importados, porque
   o index guarda o CSS inline. Se as cores da marca mudarem la, mudam aqui. */

:root{
  color-scheme:dark;
  --page:#050b16;
  --surface:#0a1627;
  --line:#16293c;
  --hairline:rgba(255,255,255,.06);
  --ink:#f4f8fc;
  --text:#d7e2ec;
  --muted:#8da2b6;
  --faint:#6b8398;
  --cyan:#23d5e8;
  --aviso-bg:rgba(255,156,171,.08);
  --aviso-line:rgba(255,156,171,.32);
  --aviso-text:#ff9cab;
  --largura:760px;
}

html[data-resolved-theme="light"]{
  color-scheme:light;
  --page:#f3f7fb;
  --surface:#fff;
  --line:#e1eaf2;
  --hairline:rgba(16,36,55,.07);
  --ink:#102437;
  --text:#2c4154;
  --muted:#5a6d7e;
  --faint:#54677a;
  --cyan:#0b7a8c;
  --aviso-bg:rgba(179,43,69,.06);
  --aviso-line:rgba(179,43,69,.28);
  --aviso-text:#b32b45;
}

*{box-sizing:border-box}
html{background:var(--page)}
body{
  margin:0;
  background:var(--page);
  color:var(--text);
  font:400 15px/1.7 "Segoe UI",system-ui,-apple-system,sans-serif;
  -webkit-font-smoothing:antialiased;
}

.legal-topo{
  width:min(100%,var(--largura));
  margin:0 auto;
  padding:22px 20px 0;
}
.legal-voltar{
  color:var(--muted);
  font-size:13px;
  text-decoration:none;
  border-bottom:1px solid transparent;
  transition:color 160ms ease,border-color 160ms ease;
}
.legal-voltar:hover,.legal-voltar:focus-visible{color:var(--ink);border-bottom-color:currentColor}

.legal-shell{
  width:min(100%,var(--largura));
  margin:0 auto;
  padding:28px 20px 56px;
}
.legal-eyebrow{
  margin:0 0 6px;
  color:var(--cyan);
  font-size:11.5px;
  font-weight:600;
  letter-spacing:.12em;
  text-transform:uppercase;
}
h1{margin:0 0 28px;color:var(--ink);font-size:clamp(26px,4vw,34px);font-weight:650;line-height:1.2}
h2{
  margin:38px 0 12px;
  padding-top:20px;
  border-top:1px solid var(--hairline);
  color:var(--ink);
  font-size:17px;
  font-weight:650;
  line-height:1.35;
}
p{margin:0 0 14px}
ul,ol{margin:0 0 16px;padding-left:22px}
li{margin-bottom:8px}
strong{color:var(--ink);font-weight:600}
a{color:var(--cyan)}

.legal-intro{
  margin-bottom:8px;
  padding:16px 18px;
  border:1px solid var(--line);
  border-radius:14px;
  background:var(--surface);
  color:var(--muted);
}
.legal-alert{
  margin:18px 0;
  padding:14px 16px;
  border-left:3px solid var(--cyan);
  background:var(--surface);
  border-radius:0 12px 12px 0;
}

/* Secao que ainda descreve a operacao do Orbix e precisa ser reescrita para o
   swap. Fica visivelmente marcada de proposito: e para incomodar enquanto o
   texto definitivo nao chega. */
.pendente__aviso{
  padding:14px 16px;
  border:1px solid var(--aviso-line);
  border-radius:12px;
  background:var(--aviso-bg);
  color:var(--aviso-text);
  font-size:13.5px;
}
.pendente__aviso strong{color:var(--aviso-text)}

.legal-rodape{
  width:min(100%,var(--largura));
  margin:0 auto;
  padding:24px 20px 40px;
  border-top:1px solid var(--hairline);
  color:var(--faint);
  font-size:11.5px;
}
.legal-rodape__links{display:flex;gap:18px;flex-wrap:wrap;margin-bottom:10px}
.legal-rodape__links a{color:var(--muted);text-decoration:none}
.legal-rodape__links a:hover,.legal-rodape__links a:focus-visible{color:var(--ink)}
.legal-rodape p{margin:0}
.legal-rodape strong{color:var(--muted);font-weight:600}

@media(max-width:640px){
  body{font-size:14.5px}
  .legal-shell{padding:22px 16px 44px}
  .legal-topo{padding:18px 16px 0}
  .legal-rodape{padding:20px 16px calc(32px + env(safe-area-inset-bottom))}
}