/* ============================================
   Beyond the Arc — personnalisation Listmonk
   Palette : orange #F4773D · anthracite #212121 · crème #FAF9F6
   ============================================ */

body {
  background: #faf9f6;
  color: #212121;
}

a {
  color: #f4773d;
  text-decoration-color: #f5b48f;
}
a:hover {
  color: #d95f2b;
}

h1, h2, h3, h4 {
  color: #212121;
  font-weight: 500;
}

label {
  color: #333;
}

/* Cases à cocher / radio — orange */
input[type="checkbox"],
input[type="radio"] {
  accent-color: #f4773d;
}

/* Boutons — orange signature */
.button {
  background: #f4773d;
  color: #ffffff;
  border-radius: 4px;
  font-weight: 500;
  transition: background 0.15s ease;
}
.button:hover {
  background: #212121;
  color: #ffffff;
}
.button.button-outline {
  background: #ffffff;
  border: 1px solid #f4773d;
  color: #f4773d;
}
.button.button-outline:hover {
  background: #f4773d;
  border-color: #f4773d;
  color: #ffffff;
}

/* Champs — focus orange */
input[type="text"]:focus,
input[type="email"]:focus,
input[type="password"]:focus,
select:focus {
  border-color: #f4773d;
  outline: none;
}

/* En-tête + logo */
.header {
  border-bottom: 1px solid #f0ece2;
}
.header .logo img {
  max-width: 200px;
}

/* Carte blanche */
.wrap {
  box-shadow: 2px 2px 0 #f0ede4;
  border: 1px solid #f0ece2;
}

/* Pied de page */
footer.container a:hover {
  color: #f4773d;
}