/* ---- Variables ---- */
:root {
  --parchemin-clair: #e8d5a8;
  --parchemin: #d4b880;
  --encre: #2b1d0e;
  --cire: #8b1e1e;
  --or: #c9963a;
  --or-sombre: #5a4114 /* assombri : à #6a4c18 il ne donnait que 4,12 sur le papier, sous le seuil de 4,5 */;
  --mer: #1d4a5c;
  --mer-profonde: #0f2b38;

  --police-titre: "Pirata One", Georgia, serif;
  /* EB Garamond plutôt qu'IM Fell English, qui imitait des caractères de plomb usés : traits fins,
     contours irréguliers, fort contraste. Superbe en encre sombre sur papier clair — mais le panneau du
     voyage est du clair sur sombre à quinze pixels, et elle y bavait. EB Garamond est aussi lisible qu'une
     romane d'écran tout en gardant le caractère d'époque, et elle est plus compacte : à hauteur égale, il y
     tient une ligne de plus. L'identité tient de toute façon aux titres (Pirata One) et aux annotations
     manuscrites (Caveat), qui ne changent pas. */
  --police-corps: "EB Garamond", Georgia, "Iowan Old Style", serif;
  --police-main: "Caveat", cursive;

  --gouttiere: clamp(16px, 4vw, 48px);
}

/* ---- Reset ---- */
*, *::before, *::after { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body {
  margin: 0;
  font-family: var(--police-corps);
  font-size: 1.05rem;
  line-height: 1.55;
  color: var(--encre);
  background: #1a1208;
  overflow-x: hidden;
}
img, svg { max-width: 100%; }

/* ---- Typographie ---- */
h1, h2, h3 {
  font-family: var(--police-titre);
  font-weight: 400;
  color: var(--cire);
  letter-spacing: .02em;
  line-height: 1.1;
}
h2 { font-size: 2.25rem; margin: 0 0 .75rem; }
h3 { font-size: 1.4rem; margin: 0 0 .4rem; }
p { margin: 0 0 1rem; }
a { color: var(--cire); }
a:focus-visible, button:focus-visible {
  outline: 3px solid var(--encre);
  outline-offset: 3px;
  box-shadow: 0 0 0 6px var(--or);
}

/* ---- Curseur plume (desktop, pointeur fin) ---- */
@media (pointer: fine) {
  body {
    cursor: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 32 32'><path d='M4 28 L14 18' stroke='%232b1d0e' stroke-width='2' stroke-linecap='round'/><path d='M14 18 C10 8 20 2 30 2 C30 12 24 22 14 18 Z' fill='%23c9963a' stroke='%232b1d0e' stroke-width='1.5'/></svg>") 4 28, auto;
  }
  a, button { cursor: pointer; }
}