/* Pages légales — même charte que la page d'accueil (salon.html) */
@font-face { font-family: 'Montserrat'; font-style: normal; font-weight: 300 700; font-display: swap; src: url('fonts/montserrat-normal.woff2') format('woff2'); }
@font-face { font-family: 'Cormorant Garamond'; font-style: italic; font-weight: 400 500; font-display: swap; src: url('fonts/cormorantgaramond-italic.woff2') format('woff2'); }
:root {
  --bg: #020707;
  --ink: #eef3fa;
  --ink-dim: #9aa6b8;
  --ink-mute: #4b5668;
  --blue: #02868a;
  --cyan: #3fc6ca;
  --glow: rgba(63,198,202,0.72);
  --glow-soft: rgba(63,198,202,0.36);
  --line: rgba(70,180,184,0.12);
  --gutter: clamp(20px, 5vw, 64px);
}
*, *::before, *::after { margin: 0; padding: 0; box-sizing: border-box; }
body {
  background: radial-gradient(ellipse 70% 40% at 50% 0%, rgba(2,134,138,0.14), transparent 70%), var(--bg);
  background-repeat: no-repeat;
  color: var(--ink); font-family: 'Montserrat', sans-serif; font-weight: 300;
  font-size: 15px; line-height: 1.8; -webkit-font-smoothing: antialiased; min-height: 100vh;
}
a { color: var(--cyan); text-decoration: none; }
a:hover { text-shadow: 0 0 10px var(--glow); }
header { display: flex; justify-content: space-between; align-items: center; padding: 18px var(--gutter); border-bottom: 1px solid var(--line); }
header .logo img { display: block; width: 110px; height: auto; }
header .back { font-size: 11px; font-weight: 600; letter-spacing: .2em; text-transform: uppercase; color: var(--ink-dim); }
header .back:hover { color: var(--ink); }
main { max-width: 820px; margin: 0 auto; padding: clamp(56px, 9vw, 110px) var(--gutter); }
h1 { font-weight: 700; text-transform: uppercase; letter-spacing: .06em; font-size: clamp(24px, 4vw, 40px); line-height: 1.2; }
.glow-line { width: 120px; height: 2px; margin: 22px 0 50px; background: linear-gradient(90deg, var(--cyan), transparent); box-shadow: 0 0 10px var(--glow), 0 0 26px var(--glow-soft); }
h2 { font-size: 12px; font-weight: 600; letter-spacing: .26em; text-transform: uppercase; color: var(--cyan); text-shadow: 0 0 8px var(--glow-soft); margin: 44px 0 12px; }
h2:first-of-type { margin-top: 0; }
p, li { color: var(--ink-dim); }
p + p { margin-top: 10px; }
strong { color: var(--ink); font-weight: 500; }
ul { list-style: none; }
.updated { margin-top: 56px; font-family: 'Cormorant Garamond', serif; font-style: italic; font-size: 18px; color: #c9eff0; }
footer { padding: 28px var(--gutter); border-top: 1px solid var(--line); display: flex; flex-wrap: wrap; gap: 12px 28px; justify-content: space-between; font-size: 11px; font-weight: 500; letter-spacing: .16em; text-transform: uppercase; color: var(--ink-mute); }
footer nav { display: flex; gap: 24px; }
footer a { color: var(--ink-mute); }
footer a:hover, footer a[aria-current] { color: var(--ink-dim); }