/* ============================================================
   Feuille de style partagée par les pages statiques hors application
   (à-propos, confidentialité, mentions légales, contact) — servie telle
   quelle depuis public/ (jamais passée par le pipeline Vite, donc jamais
   renommée avec un hash), pour rester indépendante des changements de
   l'app React. Reprend les tokens visuels de src/styles/theme.css sans
   dépendre du fichier lui-même.
   ============================================================ */
:root{
  --bg:#0c1626;
  --bg-deep:#080f1c;
  --panel:#12213a;
  --line:#24334f;
  --brass:#c9a24b;
  --teal:#4fd1c5;
  --text:#e9edf4;
  --text-dim:#8ea0bd;
  --radius:2px;
}
*{box-sizing:border-box;}
html,body{margin:0;padding:0;}
body{
  background:var(--bg);
  color:var(--text);
  font-family:'Inter',sans-serif;
  line-height:1.6;
  background-image:
    radial-gradient(circle at 15% 8%, #1a2c4a44 0%, transparent 40%),
    radial-gradient(circle at 85% 92%, #1a2c4a33 0%, transparent 45%);
}
.page{
  max-width:680px;
  margin:0 auto;
  padding:48px 24px 64px;
}
.back-link{
  display:inline-block;
  font-family:'JetBrains Mono',monospace;
  font-size:.78rem;
  color:var(--text-dim);
  text-decoration:none;
  margin-bottom:28px;
  border:1px solid var(--line);
  border-radius:var(--radius);
  padding:6px 12px;
}
.back-link:hover{color:var(--text);border-color:var(--brass);}
h1{
  font-family:'Fraunces',serif;
  font-weight:500;
  font-size:1.9rem;
  margin:0 0 8px;
  letter-spacing:.01em;
}
.updated{
  font-family:'JetBrains Mono',monospace;
  font-size:.72rem;
  color:var(--text-dim);
  letter-spacing:.05em;
  margin:0 0 32px;
}
h2{
  font-family:'Fraunces',serif;
  font-weight:500;
  font-size:1.15rem;
  color:var(--brass);
  margin:32px 0 10px;
}
p{
  color:var(--text-dim);
  font-size:.95rem;
  margin:0 0 14px;
}
p strong{color:var(--text);font-weight:600;}
a{color:var(--teal);}
.card{
  border:1px solid var(--line);
  border-left:2px solid var(--brass);
  background:var(--panel);
  border-radius:0 var(--radius) var(--radius) 0;
  padding:16px 18px;
  margin:0 0 20px;
}
.card p:last-child{margin-bottom:0;}
.note{
  font-size:.82rem;
  color:var(--text-dim);
  border-top:1px solid var(--line);
  margin-top:36px;
  padding-top:16px;
}
nav.legal-nav{
  display:flex;
  flex-wrap:wrap;
  gap:8px 18px;
  margin-top:40px;
  padding-top:20px;
  border-top:1px solid var(--line);
  font-family:'JetBrains Mono',monospace;
  font-size:.78rem;
}
nav.legal-nav a{color:var(--text-dim);text-decoration:none;}
nav.legal-nav a:hover{color:var(--brass);}