/* Pages légales (confidentialité, mentions légales) : même ambiance que le site, lecture confortable. */
:root{
  --bg-1:#5a1119; --bg-2:#3b0d13;
  --card:#f7ecd8; --ink:#2c2015; --muted:#5c4a35;
  --accent:#9c2a2f; --gold:#c9973e; --pine:#1c4632;
  --font-display:'Baloo 2','Segoe UI Rounded','Segoe UI',system-ui,sans-serif;
  --font-body:'Nunito','Segoe UI',system-ui,sans-serif;
}
*{ box-sizing:border-box; }
html,body{ margin:0; padding:0; }
body{
  min-height:100vh; padding:24px 16px 48px;
  background:radial-gradient(ellipse 900px 500px at 50% -8%, #9c2a2f, transparent 60%), linear-gradient(180deg, var(--bg-1), var(--bg-2) 55%);
  color:var(--ink); font-family:var(--font-body); line-height:1.6;
}
.legal{
  max-width:760px; margin:0 auto; background:var(--card); border:3px solid var(--gold); border-radius:22px;
  padding:28px 24px 32px; box-shadow:0 20px 44px rgba(0,0,0,.35);
}
.legal-back{ display:inline-block; margin-bottom:12px; color:var(--accent); font-weight:800; text-decoration:none; }
.legal-back:hover{ text-decoration:underline; }
h1{ font-family:var(--font-display); font-weight:800; color:var(--pine); font-size:1.9rem; line-height:1.15; margin:0 0 4px; text-wrap:balance; }
.legal-date{ color:var(--muted); font-size:.85rem; font-weight:600; margin:0 0 20px; }
.legal-intro{ font-weight:700; background:rgba(201,151,62,.16); border-radius:12px; padding:12px 14px; margin:0 0 8px; }
h2{ font-family:var(--font-display); font-weight:800; color:var(--accent); font-size:1.2rem; margin:26px 0 6px; }
p, li{ font-size:.97rem; }
ul{ padding-left:1.2rem; margin:6px 0; }
li{ margin:4px 0; }
a{ color:var(--accent); font-weight:700; }
table{ width:100%; border-collapse:collapse; margin:8px 0; font-size:.92rem; }
th, td{ text-align:left; padding:8px 10px; border-bottom:1px solid rgba(0,0,0,.1); vertical-align:top; }
th{ color:var(--pine); font-family:var(--font-display); font-weight:800; }
.table-wrap{ overflow-x:auto; }
.legal-footer{ margin-top:28px; padding-top:14px; border-top:1px dashed rgba(0,0,0,.2); font-size:.88rem; color:var(--muted); }
@media (max-width:480px){
  body{ padding:16px 12px 32px; }
  .legal{ padding:20px 16px 24px; border-radius:16px; }
  h1{ font-size:1.55rem; }
}