/* Couleurs principales */
:root {
  --rose: #e8a1b0;
  --beige: #f5f0e6;
  --bleu: #4a6fa5;
  --gris: #666;
}

/* Page générale */
body {
  background-color: var(--beige);
  max-width: 900px;
  margin: auto;
  font-family: Arial, sans-serif;
  color: var(--gris);
}

/* HEADER */
header {
  text-align: center;
  margin-bottom: 2em;
}

h1 {
  color: var(--bleu);
}

/* MENU */
nav ul {
  list-style: none;
  padding: 0;
}

nav li {
  display: inline;
}

nav a {
  text-decoration: none;
  padding: 0.7em 1em;
  margin: 0.2em;
  color: white;
  background-color: var(--rose);
  border-radius: 8px;
  transition: background-color 0.3s, transform 0.3s;
}

/* Animation simple */
nav a:hover {
  background-color: var(--bleu);
  transform: scale(1.05);
}

nav a.current {
  background-color: var(--bleu);
}

/* CONTENU */
main {
  background-color: white;
  padding: 1.5em;
  border-radius: 10px;
}

/* FOOTER */
footer {
  margin-top: 2em;
  text-align: center;
  font-size: 0.8em;
}