/* Shared look for terms.html, refund.html and privacy.html.
   Colours match the tokens in index.html. */
:root{
  --ground:#F8F3EC; --raised:#FFFDF9; --ink:#24161B; --ink-soft:#54444A;
  --muted:#7D6E72; --hair:#E7DCD0; --brass:#9A6E23; --wine:#5B2033;
  --hero-a:#6A2840; --hero-b:#2E0E19; --gold:#E2C27A;
  --display:"Amiri",Georgia,"Times New Roman",serif;
  --body:"Cairo","Segoe UI",system-ui,-apple-system,sans-serif;
}
@media (prefers-color-scheme:dark){
  :root:not([data-theme="light"]){
    --ground:#161012; --raised:#211719; --ink:#F1E9E4; --ink-soft:#CDBFC2;
    --muted:#9A8B8F; --hair:#3A2C31; --brass:#D7AB5A; --wine:#D993A6;
    --hero-a:#4A1A2B; --hero-b:#1A0910;
  }
}
:root[data-theme="dark"]{
  --ground:#161012; --raised:#211719; --ink:#F1E9E4; --ink-soft:#CDBFC2;
  --muted:#9A8B8F; --hair:#3A2C31; --brass:#D7AB5A; --wine:#D993A6;
  --hero-a:#4A1A2B; --hero-b:#1A0910;
}
*{box-sizing:border-box}
body{margin:0; background:var(--ground); color:var(--ink); font-family:var(--body); line-height:1.65}
a{color:var(--wine)}
.top{
  background:linear-gradient(160deg,var(--hero-a),var(--hero-b)); color:#FBF3EA;
  padding:1.1rem 16px;
}
.top a{color:#FBF3EA; text-decoration:none; font-family:var(--display); font-size:1.3rem}
main{max-width:720px; margin:0 auto; padding:2.2rem 16px 3rem}
h1{font-family:var(--display); font-size:2.2rem; line-height:1.2; margin:0 0 .3rem}
h2{font-family:var(--display); font-size:1.4rem; margin:2rem 0 .4rem}
.updated{color:var(--muted); font-size:.9rem; margin:0 0 1.5rem}
p,li{color:var(--ink-soft)}
.box{background:var(--raised); border:1px solid var(--hair); border-radius:14px; padding:1rem 1.25rem}
footer{
  background:linear-gradient(160deg,var(--hero-a),var(--hero-b)); color:rgba(251,243,234,.75);
  text-align:center; padding:2rem 16px; font-size:.85rem;
}
footer p{margin:.3rem 0}
footer a{color:rgba(251,243,234,.9)}