/* shared look for privacy.html, terms.html and 404.html (same palette as the site) */
:root{--bg:#15100c;--bg-2:#1c150f;--surface:#231a13;--line:rgba(239,226,198,.09);--text:#efe2c6;--text-2:#c4b08e;--text-3:#8d7a60;--gold:#d3ab5f;--on-gold:#1a120b;color-scheme:dark}
@media (prefers-color-scheme: light){:root{--bg:#ece2cd;--bg-2:#e4d7bd;--surface:#f7efdf;--line:rgba(46,30,18,.1);--text:#22160d;--text-2:#5a4230;--text-3:#866b51;--gold:#94681c;--on-gold:#fff8ea;color-scheme:light}}
*{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--text);font:17px/1.95 'IBM Plex Sans Arabic','Segoe UI',Tahoma,sans-serif}
header{display:flex;align-items:center;gap:12px;padding:14px clamp(16px,4vw,40px);border-bottom:1px solid var(--line)}
header a{display:flex;align-items:center;gap:10px;color:var(--text);text-decoration:none;font-family:'Reem Kufi',serif;font-weight:700;font-size:20px}
header img{width:36px;height:36px;border-radius:9px}
main{max-width:780px;margin:0 auto;padding:36px clamp(16px,4vw,40px) 60px}
h1{font-family:'Reem Kufi',serif;font-size:clamp(30px,4.5vw,42px);line-height:1.3;margin:0 0 6px}
h2{font-family:'Reem Kufi',serif;font-size:22px;margin:34px 0 8px;color:var(--gold)}
p,li{color:var(--text-2)} strong{color:var(--text)}
ul{padding-inline-start:22px}
a{color:var(--gold)}
.meta{color:var(--text-3);font-size:14px;margin-bottom:28px}
.box p{margin:4px 0}
.box{background:var(--surface);border:1px solid var(--line);border-radius:18px;padding:16px 20px;margin:18px 0}
.btn{display:inline-block;background:var(--gold);color:var(--on-gold);border-radius:999px;padding:10px 22px;text-decoration:none;font-weight:600}
footer{text-align:center;color:var(--text-3);font-size:14px;padding:24px 16px 32px;border-top:1px solid var(--line)}
footer a{color:var(--text-2);margin:0 8px}