/* === Palette pastel soutenue pour Mariage DESPRELS === */

@import url('https://fonts.googleapis.com/css2?family=Great+Vibes&family=Open+Sans:wght@400;600&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Great+Vibes&family=Sevillana&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Dancing+Script:wght@400..700&family=Great+Vibes&family=Sevillana&display=swap');

:root {
  --color-bleu: #3461ab;
  --color-violet: #b28ac6;
  --color-rose: #f27b7b;
  --color-orange: #e98c68;
  --color-lilas: #e0aaff;
  --text-dark: #333;
  --text-light: #fff;
  --text-before: #f18c82;
  --text-middle: #c250a3;
  --text-after: #5c78c7;
}

body {
  font-family: 'Open Sans', sans-serif;
  background-color: #fff;
  color: var(--text-dark);
  scroll-behavior: smooth;
}

/* Titres élégants pour un mariage */
h1, h2, h3, h4, h5 {
  font-family: 'Great Vibes', cursive;

	background: linear-gradient(90deg, var(--text-before) 30%, var(--text-middle) 50%, var(--text-after) 70%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
    background-clip: text; /* pour Firefox */
    color: transparent;
}

/* Navbar */
.navbar {
  background: linear-gradient(90deg, var(--color-bleu), var(--color-violet), var(--color-rose), var(--color-orange));
}

.navbar .nav-link {
  color: var(--text-light);
  transition: color 0.3s;
}

.navbar .nav-link:hover {
  color: var(--color-lilas);
}

/* Boutons */
.btn-primary {
  background-color: var(--color-violet);
  border-color: var(--color-violet);
  font-family: 'Open Sans', sans-serif;
}

.btn-primary:hover {
  background-color: var(--color-rose);
  border-color: var(--color-rose);
}

/* Liens */
a {
  color: var(--color-bleu);
  text-decoration: underline;
}

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

/* Footer arc-en-ciel pastel foncé */
footer {
  background: linear-gradient(90deg, var(--color-bleu), var(--color-violet), var(--color-rose), var(--color-orange));
  color: var(--text-light);
  text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.4);
  font-family: 'Open Sans', sans-serif;
}

p{
	#font-family: "Sevillana", cursive;
	#font-family: "Great Vibes", cursive;
	#font-size: 30px;
	#font-weight: 400;
	font-style: normal;
}
/* Sections avec animation douce */
section {
  padding: 60px 0;
  background-color: #fefefe;
}

section:nth-of-type(even) {
  background-color: #f8f8ff;
}

/* Formulaires */
form input,
form select,
form textarea {
  border: 1px solid #ccc;
  border-radius: 6px;
  padding: 8px;
  width: 100%;
  font-family: 'Open Sans', sans-serif;
}

form input:focus,
form textarea:focus,
form select:focus {
  border-color: var(--color-violet);
  outline: none;
  box-shadow: 0 0 5px var(--color-violet);
}

/* Compte à rebours */
#countdown {
  font-size: 1.8rem;
  font-weight: bold;
  color: var(--color-rose);
  font-family: 'Open Sans', sans-serif;
}

.great-vibes-regular {
  font-family: "Great Vibes", cursive;
  font-weight: 400;
  font-style: normal;
}


.event {
  margin-bottom: 1.2rem;
  font-size: 1.2rem;
}

.time {
  font-weight: bold;
  display: inline-block;
  width: 100px;
}

.histoire {
	padding : 20px;
}

.fairepart{
  font-family: "Merienda", cursive;
  font-weight: 600;
  font-size:1.3rem;
  font-style: normal;
  color:var(--text-after)
}