/* Page d'attente de facilisto.fr : couleurs de la marque (safran, vert olive, terracotta, crème). */
:root {
  --safran: #F7B733;
  --olive: #2E5E4E;
  --terracotta: #D9693B;
  --creme: #FFF4DC;
}

* { box-sizing: border-box; }

html { background: var(--creme); }

body {
  margin: 0;
  min-height: 100vh;
  display: grid;
  place-items: center;
  padding: 2rem 1.25rem;
  color: var(--olive);
  font-family: ui-rounded, "SF Pro Rounded", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  font-size: 1.125rem;
  line-height: 1.5;
  border-top: 0.75rem solid var(--safran);
}

main {
  max-width: 34rem;
  text-align: center;
}

.icone {
  display: block;
  margin: 0 auto 1.5rem;
  border-radius: 22%;
}

h1 {
  margin: 0;
  font-size: clamp(2.25rem, 8vw, 3.25rem);
  letter-spacing: -0.01em;
}

.signature {
  margin: 0.25rem 0 1.75rem;
  font-style: italic;
  font-size: 1.25rem;
}

.signature::after {
  content: "";
  display: block;
  width: 3.5rem;
  height: 0.25rem;
  margin: 1rem auto 0;
  border-radius: 0.125rem;
  background: var(--terracotta);
}

.promesse { font-weight: 700; }

.bientot {
  display: inline-block;
  margin-top: 1rem;
  padding: 0.5rem 1.25rem;
  border-radius: 999px;
  background: var(--olive);
  color: var(--creme);
  font-weight: 600;
}