@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;600&family=Playfair+Display:wght@600&display=swap');

:root {
  /* ======== Couleurs principales (religieuses & spirituelles) ======== */
  --primary-color: #5a3e36; /* Brun profond : terre, stabilité, humilité */
  --secondary-color: #a29bfe; /* Lavande spirituel : paix, foi */
  --accent-color: #e1b382; /* Beige doré : chaleur, lumière, accueil */
  --background-color: #fdfaf6; /* Blanc cassé : pureté, douceur */
  --text-color: #333; /* Gris profond pour un bon contraste */

  /* ======== Couleurs alternatives (facile à changer) ======== */
  --info-color: #6c91bf;      /* bleu tendre */
  --success-color: #87a96b;   /* vert olive doux */
  --warning-color: #ffcc70;   /* jaune lumineux doux */
  --danger-color: #c94c4c;    /* rouge tamisé */

  /* ======== Fonts ======== */
  --main-font: 'Inter', 'Segoe UI', 'Helvetica Neue', sans-serif;
  --heading-font: 'Playfair Display', 'Georgia', serif;
}

body {
  font-family: var(--main-font);
  background-color: var(--background-color);
  color: var(--text-color);
}

h1, h2, h3, h4, h5, h6 {
  font-family: var(--heading-font);
  color: var(--primary-color);
}

a {
  color: var(--secondary-color);
  text-decoration: none;
}

a:hover {
  color: var(--accent-color);
  text-decoration: underline;
}

.button,
.button-primary {
  background-color: var(--primary-color);
  color: #fff;
  border-radius: 4px;
  padding: 0.6em 1.2em;
  border: none;
  transition: background 0.3s ease;
}

.button:hover,
.button-primary:hover {
  background-color: var(--secondary-color);
}

/* Bloc d’accentuation (ex : sidebar, encadré) */
.highlight {
  background-color: var(--accent-color);
  color: #fff;
  padding: 1em;
  border-left: 4px solid var(--primary-color);
}

/* Section spéciale (ex : témoignage, citation spirituelle) */
.section-spiritual {
  background: var(--secondary-color);
  color: #fff;
  font-style: italic;
  padding: 2em;
  border-radius: 8px;
  box-shadow: 0 0 5px rgba(0,0,0,0.05);
}


.title-playfair {
  font-family: 'Playfair Display', serif;
  font-weight: 600;
  font-size: 1.8rem;
  color: #2c2c2c;
  margin-bottom: 0.5rem;
}

.body-inter {
  font-family: 'Inter', sans-serif;
  font-size: 1rem;
  color: #444;
  line-height: 1.7;
  margin-bottom: 1rem;
}


* {
  font-family: var(--main-font);
}


.node--type-pretres-religieux h1, 
.node--type-pretres-religieux h2,
.node--type-pretres-religieux .field--name-title {
  font-family: 'Playfair Display', serif;
  font-weight: 600;
  color: #2a2a2a;
}

/* --- Bloc de bio --- */
.node--type-pretres-religieux .field--name-body {
  font-family: 'Inter', sans-serif;
  font-size: 1rem;
  line-height: 1.7;
  color: #444;
  background: #f9f9f9;
  padding: 1rem 1.5rem;
  border-left: 4px solid #8d5524; /* couleur brune symbolique */
  border-radius: 4px;
  margin-top: 1rem;
}

/* --- Couleurs religieuses personnalisées --- */
:root {
  --primary-liturgical: #8d5524; /* Terre - humilité, simplicité */
  --accent-liturgical: #6d9886;  /* Vert calme - espérance */
  --light-liturgical: #f8f4ec;  /* Beige doux - accueil */
}

/* --- Exemple d’utilisation de ces couleurs sur des titres ou bordures --- */
.node--type-pretres-religieux h2 {
  color: var(--primary-liturgical);
}

.node--type-pretres-religieux .field--name-body strong {
  color: var(--accent-liturgical);
}