/* ════════════════════════════════════════════════════════
   LEGAL.CSS — Polinaë
   Pages mentions légales & politique de confidentialité.
   Reprend les tokens de variables.css et la typo du site.
   ════════════════════════════════════════════════════════ */

body {
  font-family: "Poppins", system-ui, sans-serif;
  background: var(--neutre);
  color: var(--ink);
}

.page {
  max-width: 720px;
  margin: 0 auto;
  padding: clamp(48px, 8vw, 96px) 24px 80px;
}

.back {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-size: 14px;
  font-weight: 500;
  color: var(--signature);
  margin-bottom: 32px;
  transition: opacity .2s;
}

.back:hover { opacity: .7; }

.back:focus-visible {
  outline: 2px solid var(--signature);
  outline-offset: 3px;
}

h1 {
  font-family: "Yeseva One", serif;
  font-size: clamp(34px, 5vw, 52px);
  letter-spacing: -.01em;
  color: var(--signature);
  margin-bottom: 24px;
}

h2 {
  font-family: "Yeseva One", serif;
  font-size: clamp(20px, 2.4vw, 26px);
  color: var(--signature);
  margin: 44px 0 12px;
}

.lead {
  font-size: clamp(16px, 1.4vw, 18px);
  color: var(--ink-soft);
  padding-bottom: 8px;
}

p {
  line-height: 1.75;
  margin-bottom: 14px;
}

strong { font-weight: 600; }

a {
  color: var(--signature);
  text-decoration: underline;
  text-underline-offset: 2px;
}

a:hover { text-decoration-thickness: 2px; }

a:focus-visible {
  outline: 2px solid var(--signature);
  outline-offset: 2px;
}