/* Shared styles for the secondary pages (mentions légales, confidentialité).
   Colours and fonts match index.html. */
:root { --accent:#3E6B54; --accent-deep:#2C4A3B; --accent-soft:#E4EEE8; --blue:#DCEBF2; --pink:#F7E4E7; }
html, body { margin:0; padding:0; background:#FBFAF5; }
body { font-family:'Nunito Sans', sans-serif; color:#33443C; }
a { color:var(--accent); }
a:hover { color:var(--accent-deep); }
::selection { background:var(--pink); }

.page { min-height:100vh; position:relative; overflow:hidden; overflow:clip; }
.glow { position:absolute; border-radius:50%; pointer-events:none; }
.glow-1 { top:-180px; right:-120px; width:560px; height:560px; background:radial-gradient(circle, var(--blue) 0%, rgba(220,235,242,0) 68%); }
.glow-2 { top:340px; left:-200px; width:520px; height:520px; background:radial-gradient(circle, var(--pink) 0%, rgba(247,228,231,0) 66%); }
.container { position:relative; max-width:780px; margin:0 auto; padding:0 32px; }

.site-header { display:flex; align-items:center; justify-content:space-between; gap:24px; padding:28px 0 20px; flex-wrap:wrap; }
.brand { display:flex; align-items:center; gap:14px; text-decoration:none; }
.brand-mark { width:46px; height:46px; border-radius:50%; background:var(--accent-deep); color:#F6F2E9; display:flex; align-items:center; justify-content:center; font-family:'Cormorant Garamond', serif; font-size:20px; font-weight:600; letter-spacing:1px; }
.brand-name { font-family:'Cormorant Garamond', serif; font-size:22px; font-weight:600; color:var(--accent-deep); line-height:1.1; }
.brand-sub { font-size:12.5px; letter-spacing:0.6px; color:#7A8B80; }
.back-link { font-size:14.5px; font-weight:700; text-decoration:none; color:#5C6E63; background:rgba(255,255,255,0.75); border:1px solid #EDE9DE; border-radius:999px; padding:10px 18px; }
.back-link:hover { color:var(--accent-deep); }

main { padding:40px 0 64px; }
h1 { font-family:'Cormorant Garamond', serif; font-weight:500; font-size:44px; line-height:1.1; color:var(--accent-deep); margin:0 0 10px; }
.updated { font-size:13.5px; color:#7A8B80; margin:0 0 36px; }
h2 { font-family:'Cormorant Garamond', serif; font-weight:600; font-size:27px; color:var(--accent-deep); margin:40px 0 12px; }
p, li { font-size:16px; line-height:1.75; color:#5C6E63; text-wrap:pretty; }
p { margin:0 0 14px; }
ul { margin:0 0 14px; padding-left:22px; }
strong { color:var(--accent-deep); }
.card { background:rgba(255,255,255,0.85); border:1px solid #EDE9DE; border-radius:24px; padding:22px 26px; margin:0 0 14px; }
.card p:last-child { margin-bottom:0; }

.footer-bar { border-top:1px solid #EDE9DE; padding:28px 0 36px; display:flex; justify-content:space-between; align-items:center; gap:16px; flex-wrap:wrap; font-size:13.5px; color:#9AA79F; }
.footer-bar a { color:#9AA79F; }
.footer-bar a:hover { color:var(--accent-deep); }

@media (max-width: 560px) {
  .container { padding:0 20px; }
  .site-header { justify-content:center; }
  h1 { font-size:34px; }
  .footer-bar { justify-content:center; text-align:center; }
}