/* Jetons : un bureau de rédaction en 1962.
   Le fond est le sous-main en cuir vert ; les papiers portent la couleur. */
:root {
  --sous-main: #2c4536;
  --sous-main-ombre: #1d2f25;
  --kraft: #c7a36b;
  --kraft-fonce: #9c7a45;
  --papier: #efe9d8;
  --journal: #e3dccb;
  --encre: #1d1c1a;
  --encre-bleue: #1f3a6b;
  --tampon: #a3262a;
  --gris: #5d5a52;

  --ui: "Spectral", Georgia, serif;
  --presse: "Old Standard TT", "Times New Roman", serif;
  --machine: "Courier Prime", "Courier New", monospace;
  --plume: "Caveat", cursive;
  --plume-fine: "Dancing Script", cursive;

  --ombre-papier: 0 1px 1px rgba(0, 0, 0, .25), 0 8px 18px rgba(0, 0, 0, .35);
}

*, *::before, *::after { box-sizing: border-box; }

html { -webkit-text-size-adjust: 100%; }

body {
  margin: 0;
  min-height: 100vh;
  background: var(--sous-main);
  background-image: radial-gradient(ellipse at 30% 20%, #35523f 0%, transparent 60%),
    radial-gradient(ellipse at 80% 90%, var(--sous-main-ombre) 0%, transparent 55%);
  color: var(--papier);
  font: 17px/1.55 var(--ui);
}

button { font: inherit; color: inherit; cursor: pointer; }

:focus-visible { outline: 3px solid #f2d27a; outline-offset: 2px; }

[hidden] { display: none !important; }

.lien-discret {
  background: none;
  border: 0;
  padding: .25rem 0;
  text-decoration: underline;
  text-underline-offset: 3px;
  opacity: .75;
}
.lien-discret:hover { opacity: 1; }

/* Accueil : la note du rédacteur en chef, épinglée sur le sous-main */
.accueil {
  min-height: 100vh;
  display: grid;
  place-items: center;
  padding: 2rem 16px;
}

@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { animation: none !important; transition: none !important; }
}