/* Le papier de l'app, et sa terracotta. */
:root {
  --papier: #FCF6EE;
  --encre: #241f1b;
  --sourdine: #8A7A6B;
  --accent: #C85A35;
}

* { box-sizing: border-box; }

body {
  margin: 0;
  padding: 0 24px 96px;
  background: var(--papier);
  color: var(--encre);
  font: 17px/1.65 -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
}

main { max-width: 42rem; margin: 0 auto; }

header { padding: 72px 0 8px; }

h1 {
  font-family: Palatino, "Palatino Linotype", Georgia, serif;
  font-size: 2rem;
  font-weight: 500;
  letter-spacing: 0.01em;
  margin: 0;
}

h2 {
  font-size: 1.1rem;
  margin: 2.5rem 0 0.6rem;
}

.chapeau { color: var(--sourdine); margin-top: 0.4rem; }
.date { color: var(--sourdine); font-size: 0.9rem; }

a { color: var(--accent); }

hr {
  border: none;
  border-top: 1px solid rgba(138, 122, 107, 0.25);
  margin: 4rem 0;
}

footer {
  margin-top: 4rem;
  color: var(--sourdine);
  font-size: 0.9rem;
}

nav a { margin-right: 1.2rem; }

@media (prefers-color-scheme: dark) {
  :root { --papier: #15141A; --encre: #EDE7E1; --sourdine: #9C9098; --accent: #E68052; }
  hr { border-top-color: rgba(156, 144, 152, 0.25); }
}

h1 .sub { font-weight: normal; opacity: 0.55; font-size: 0.6em; margin-left: 0.4em; }