/* Styles partagés pour les pages légales (mentions-legales.html, cgv.html, confidentialite.html, garantie.html) */
:root{
  --ink:#14191D;
  --paper:#EDEAE2;
  --paper-2:#E3DFD3;
  --amber:#F5A527;
  --green:#279965;
  --slate:#5C6670;
  --red:#C1443A;
  --card:#FFFFFF;
  --line: rgba(20,25,29,0.12);
}
*{box-sizing:border-box;}
html,body{margin:0;padding:0;}
body{background:var(--paper);color:var(--ink);font-family:'Inter',sans-serif;-webkit-font-smoothing:antialiased;}
h1,h2,h3{font-family:'Space Grotesk',sans-serif;}
a{color:inherit;}
.wrap{max-width:820px;margin:0 auto;padding:0 24px;}
header.site{position:sticky;top:0;z-index:40;background:rgba(237,234,226,0.92);backdrop-filter:blur(8px);border-bottom:1px solid var(--line);}
.nav{max-width:1180px;margin:0 auto;padding:16px 24px;display:flex;align-items:center;justify-content:space-between;}
.brand{display:flex;align-items:center;gap:8px;font-weight:700;font-size:18px;letter-spacing:-0.01em;text-decoration:none;color:var(--ink);}
.brand .dot{width:8px;height:8px;border-radius:50%;background:var(--amber);display:inline-block;}
.back-link{font-size:14px;font-weight:500;color:var(--slate);text-decoration:none;}
.back-link:hover{color:var(--ink);}
main{padding:56px 0 80px;}
.legal-eyebrow{display:inline-flex;align-items:center;gap:8px;font-family:'IBM Plex Mono',monospace;font-size:12px;letter-spacing:0.08em;text-transform:uppercase;color:var(--green);border:1px solid var(--green);border-radius:999px;padding:5px 12px;margin-bottom:18px;}
h1{font-size:36px;line-height:1.1;letter-spacing:-0.02em;margin:0 0 8px;}
.updated{font-size:13px;color:var(--slate);margin:0 0 40px;}
h2{font-size:20px;margin:36px 0 12px;}
p, li{font-size:15px;line-height:1.65;color:#2b3136;}
ul{padding-left:20px;}
.placeholder{background:#FFF4D6;border:1px dashed var(--amber);border-radius:8px;padding:12px 16px;font-size:14px;color:#5c4a12;margin:16px 0;}
.placeholder strong{color:var(--ink);}
footer{border-top:1px solid var(--line);padding:36px 0;margin-top:40px;}
.footer-inner{max-width:1180px;margin:0 auto;padding:0 24px;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:16px;}
.footer-inner p{font-size:13px;color:var(--slate);margin:0;}
.footer-legal-links a{text-decoration:none;color:var(--slate);}
.footer-legal-links a:hover{color:var(--ink);text-decoration:underline;}
