/* Faire-part numeriques ASE Events - socle */
:root {
  --creme: #f7f2ea;
  --papier: #fffdf9;
  --encre: #2b2622;
  --doux: #7a7066;
  --or: #b08d57;
  --or-clair: #d9c39a;
}
* { box-sizing: border-box; }
html, body { margin: 0; }
body {
  min-height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 24px 16px;
  background: var(--creme);
  color: var(--encre);
  font-family: 'Jost', system-ui, sans-serif;
  font-weight: 300;
  line-height: 1.6;
  -webkit-font-smoothing: antialiased;
}
.fp-carte {
  width: 100%;
  max-width: 520px;
  background: var(--papier);
  border: 1px solid var(--or-clair);
  outline: 1px solid var(--or-clair);
  outline-offset: -10px;
  padding: 56px 36px 28px;
  text-align: center;
}
.fp-orne { color: var(--or); font-size: 22px; letter-spacing: .4em; margin-bottom: 18px; }
h1 {
  font-family: 'Cormorant Garamond', Georgia, serif;
  font-weight: 500;
  font-size: 30px;
  line-height: 1.2;
  margin: 0 0 18px;
}
p { margin: 0 0 12px; }
.fp-doux { color: var(--doux); font-size: 14px; }
.fp-pied {
  margin-top: 40px;
  padding-top: 16px;
  border-top: 1px solid var(--or-clair);
  font-size: 12px;
  letter-spacing: .08em;
  color: var(--doux);
}
.fp-pied a { color: var(--or); text-decoration: none; }
@media (max-width: 420px) {
  .fp-carte { padding: 44px 22px 22px; }
  h1 { font-size: 26px; }
}