/* docs/stylesheets/extra.css */

/* Police pour tout le site */
:root {
  --md-default-fg-color: #333;  /* Texte principal */
  --md-default-bg-color: #f9f7f3;  /* Fond crème pour un rendu naturel */
}

body {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='100' viewBox='0 0 100 100'%3E%3Crect width='100' height='100' fill='%23f9f7f3'/%3E%3Cpath d='M0,0 L100,100 M100,0 L0,100' stroke='%23e0e0e0' stroke-width='0.5'/%3E%3C/svg%3E");
}

/* Espacement et lisibilité */
.md-grid {
  max-width: 800px;
  margin: 0 auto;
  padding: 0 1rem;
}

/* Citations mises en valeur */
blockquote {
  border-left: 3px solid #7CB342;  /* Vert doux */
  background-color: rgba(124, 179, 66, 0.05);
  padding: 0.5rem 1rem;
  margin: 1rem 0;
  font-style: italic;
  color: #2E7D32;  /* Vert foncé */
}

/* Encadrés pour les principes ou anecdotes */
.md-typeset__scrollwrap .admonition {
  border-left: 4px solid #FFC107;  /* Ambre */
  background-color: rgba(255, 193, 7, 0.05);
}

/* Liens discrets mais visibles */
a {
  color: #1B5E20;  /* Vert profond */
  text-decoration: none;
}
a:hover {
  text-decoration: underline;
  color: #FFC107;  /* Ambre au survol */
}

/* Titre de la page d'accueil */
.md-content__inner h1 {
  border-bottom: 1px solid #E0E0E0;
  padding-bottom: 0.5rem;
  color: #2E7D32;
}

/* Arrière-plan des sections */
.md-typeset__scrollwrap {
  background-color: #f9f7f3;  /* Fond crème */
}