/* Feuille commune aux pages secondaires (mentions légales, confidentialité).
   Reprend les tokens de la vitrine — jamais de valeurs de marque en dur ailleurs.
   La vitrine (index.html) reste volontairement autoportante et n'utilise pas
   ce fichier : elle doit s'afficher en une seule requête. */
@import url("preveco-fonts.css");

:root{
  --encre:#1C1B18; --ambre:#C8791A; --papier:#F5F2EC;
  --papier-carte:#FBFAF6;
  --encre-2:#45423B; --encre-3:#6E6A60; --encre-4:#9C9789;
  --trait:#D8D2C4; --trait-fort:#BCB5A3;
  --ambre-fort:#A5620F;
  --font-logo:"Barlow Condensed",sans-serif;
  --papier-doux:rgba(245,242,236,0.72);
}

*{box-sizing:border-box;}
html{-webkit-text-size-adjust:100%;}
body{
  margin:0; background:var(--papier); color:var(--encre-2);
  font-family:"Barlow Condensed",sans-serif; font-weight:500;
  font-size:19px; line-height:1.62; letter-spacing:0.005em;
  -webkit-font-smoothing:antialiased;
}
h1,h2,h3{margin:0; color:var(--encre); font-weight:700; line-height:1.08; letter-spacing:0.004em;}
p,ul,ol{margin:0;}
a{color:inherit;}
:focus-visible{outline:3px solid var(--ambre); outline-offset:3px;}

.wrap{max-width:760px; margin:0 auto; padding:0 28px;}

/* ── Logotype : construction officielle (carré ambre sur le « v ») ── */
.logo{font-family:var(--font-logo); font-weight:800; line-height:1; letter-spacing:0.005em; display:inline-block; white-space:nowrap; color:var(--encre); text-decoration:none;}
.logo .vwrap{position:relative; display:inline-block;}
.logo .signe{position:absolute; top:-0.06em; left:50%; transform:translateX(-50%); width:0.16em; height:0.16em; background:var(--ambre);}
.logo.pap{color:var(--papier);}

/* ── Barre du haut ── */
.barre{background:var(--encre); padding:22px 0;}
.barre .wrap{display:flex; align-items:center; justify-content:space-between; gap:16px;}
.barre .logo{font-size:26px;}
.barre a.retour{font-family:var(--font-logo); font-weight:600; text-transform:uppercase; letter-spacing:0.04em; font-size:0.92rem; text-decoration:none; color:var(--papier); border-bottom:1.5px solid var(--ambre); padding-bottom:2px;}

/* ── Corps du document ── */
.doc{padding:64px 0 88px;}
.eyebrow{font-family:var(--font-logo); font-weight:600; text-transform:uppercase; letter-spacing:0.16em; font-size:0.88rem; color:var(--ambre-fort); display:flex; align-items:center; gap:10px; margin-bottom:18px;}
.eyebrow::before{content:""; width:9px; height:9px; background:var(--ambre); flex:none;}
h1{font-size:clamp(30px,5vw,44px);}
.maj{color:var(--encre-3); font-size:0.98rem; margin-top:14px;}
.chapo{font-size:1.14rem; color:var(--encre-2); margin-top:22px;}
.chapo strong{color:var(--encre); font-weight:700;}

h2{font-size:1.62rem; margin-top:46px; padding-top:20px; border-top:2px solid var(--encre);}
h3{font-size:1.22rem; margin-top:26px;}
.doc p{margin-top:14px;}
.doc ul{margin-top:14px; padding-left:22px;}
.doc li{margin-top:8px;}
.doc li::marker{color:var(--ambre-fort);}
.doc strong{color:var(--encre); font-weight:700;}
.doc a{color:var(--encre); text-decoration:none; border-bottom:1px solid var(--ambre);}
.doc a:hover{background:var(--papier-carte);}

/* Encadré : ce que le lecteur doit retenir sans lire le reste. */
.encart{background:var(--papier-carte); border:1px solid var(--trait); border-left:4px solid var(--ambre); border-radius:8px; padding:20px 22px; margin-top:24px;}
.encart p:first-child{margin-top:0;}

dl.champs{margin-top:16px;}
dl.champs dt{font-family:var(--font-logo); font-weight:700; color:var(--encre); margin-top:16px;}
dl.champs dd{margin:4px 0 0; padding-left:0;}

table{width:100%; border-collapse:collapse; margin-top:18px; font-size:0.98rem;}
th,td{text-align:left; padding:11px 12px; border-bottom:1px solid var(--trait); vertical-align:top;}
th{font-family:var(--font-logo); font-weight:700; color:var(--encre); border-bottom:2px solid var(--trait-fort);}

/* ── Pied ── */
footer{background:var(--encre); color:var(--encre-4); padding:34px 0;}
footer .wrap{display:flex; flex-wrap:wrap; gap:12px 26px; align-items:center; justify-content:space-between;}
footer .logo{font-size:22px;}
footer .meta{font-family:var(--font-logo); font-weight:500; font-size:0.92rem; letter-spacing:0.02em;}
footer a{color:var(--papier-doux); text-decoration:none; border-bottom:1px solid var(--ambre); font-weight:600;}

@media (max-width:680px){
  body{font-size:18px;}
  .doc{padding:44px 0 64px;}
  h2{margin-top:36px;}
  table{font-size:0.94rem;}
  th,td{padding:9px 8px;}
}