/* Pages légales. */

.legal-page {
  max-width: 920px;
  margin-inline: auto;
  line-height: 1.65;
}

.legal-page h2 {
  margin-top: 2rem;
}

.legal-page li {
  margin-bottom: .45rem;
}


.legal-page {
  max-width: 900px;
  margin: 0 auto;
  padding: clamp(1.25rem, 5vw, 4rem);
}

.legal-hero {
  margin: -1rem -1rem 2rem;
  padding: clamp(1.5rem, 5vw, 3.5rem);
  border-radius: 24px;
  background: linear-gradient(135deg, #f1e3d2, #fbf3df);
}

.legal-hero h1 {
  margin: .8rem 0 .4rem;
  font-size: clamp(2.2rem, 5vw, 4rem);
  letter-spacing: -.05em;
}

.legal-hero p {
  max-width: 650px;
  color: var(--muted);
  font-size: 1.08rem;
}

.legal-hero small {
  color: var(--muted);
}

.legal-summary {
  display: flex;
  flex-wrap: wrap;
  gap: .6rem;
  margin-bottom: 2.5rem;
}

.legal-summary a {
  padding: .55rem .8rem;
  border-radius: 999px;
  background: var(--bg);
  color: var(--primary-dark);
  font-weight: 800;
  text-decoration: none;
}

.legal-page h2 {
  margin-top: 2.3rem;
  scroll-margin-top: 100px;
}

.legal-page p,
.legal-page li {
  line-height: 1.75;
}

/* Politique de confidentialité et mentions légales. */
.section-legal {
  --section-accent: var(--brown);
}

.section-legal .legal-hero {
  background: linear-gradient(135deg, #f1e3d2, #fbf3df);
}

.section-legal .legal-summary a {
  color: var(--section-accent);
}

.section-legal .legal-page h2 {
  color: #3c332c;
}

html[data-theme="dark"] .legal-hero,
html[data-theme="dark"] .section-legal .legal-hero {
  background: linear-gradient(135deg, #352a23, #2b241e);
}

html[data-theme="dark"] .section-legal .legal-page h2 {
  color: var(--text);
}