/* Pages de texte (mentions légales, page introuvable), dans la charte de la page principale. */
@font-face { font-family: "Space Grotesk"; src: url("./vendor/space-grotesk.woff2") format("woff2"); font-weight: 300 700; font-display: swap; }
@font-face { font-family: "IBM Plex Sans"; src: url("./vendor/plex-sans-400.woff2") format("woff2"); font-weight: 400; font-display: swap; }
@font-face { font-family: "IBM Plex Sans"; src: url("./vendor/plex-sans-600.woff2") format("woff2"); font-weight: 600; font-display: swap; }
@font-face { font-family: "IBM Plex Mono"; src: url("./vendor/plex-mono-400.woff2") format("woff2"); font-weight: 400; font-display: swap; }

:root {
  --paper: #f7f2e6;
  --line: #dcd3bd;
  --ink: #1c2523;
  --muted: #4a5654;
  --muted-2: #5f6a68;
  --terracotta: #bc6a4a;
  --terracotta-fort: #a0553f;
}
* { box-sizing: border-box; }
body { margin: 0; background: var(--paper); color: var(--ink); font: 16px/1.6 "IBM Plex Sans", system-ui, sans-serif;
  -webkit-font-smoothing: antialiased; }
main { max-width: 40rem; margin: 0 auto; padding: 56px 16px 72px; }
.etiquette { display: flex; align-items: center; gap: 12px; font: 12px "IBM Plex Mono", ui-monospace, monospace;
  letter-spacing: .14em; text-transform: uppercase; color: var(--terracotta-fort); }
.etiquette::before { content: ""; width: 26px; height: 2px; background: var(--terracotta); }
h1 { margin: 14px 0 28px; font: 600 clamp(30px, 6vw, 42px)/1.08 "Space Grotesk", system-ui, sans-serif; letter-spacing: -.025em; }
h2 { margin: 36px 0 8px; padding-top: 14px; border-top: 1px solid var(--line);
  font: 600 20px/1.3 "Space Grotesk", system-ui, sans-serif; letter-spacing: -.01em; }
p { margin: 0 0 14px; color: var(--muted); }
a { color: var(--terracotta-fort); font-weight: 600; text-underline-offset: 3px; }
.retour { display: inline-block; margin-bottom: 8px; padding: 10px 0; }
.note { margin-top: 36px; font-size: 14px; color: var(--muted-2); }
.refus { min-height: 44px; padding: 8px 0; border: 0; background: transparent; color: var(--terracotta-fort);
  font: 600 15px "IBM Plex Sans", system-ui, sans-serif; cursor: pointer; text-align: left; }
.refus:hover { color: var(--ink); }