:root {
    --main-color: #800080;
    --secondary-color: #B8860B;
    --background-color: #E8E8E8;
    --background-nav-color: #EEEEEE;
    --text-color: #212529;
    --text-color-hover: #444444;
		--discord-color: #7289da;
		--facebook-color: #0165E1;
}

body.dark-mode {
    --main-color: #B8860B;
    --background-color: #2c2c2c;
    --background-nav-color: #1a1a1a;
    --text-color: #f8f8f8;
    --text-color-hover: #d0d0e0;
		--facebook-color: #17A9FD;
    background-color: #333;
}

body {
    background-color: #ddd;
    color: var(--text-color);
    font-family: 'Roboto', sans-serif;
}

h1, h2, h3, h4, h5, h6 {
    color: var(--main-color);
    font-family: 'Almendra', serif;
}

main {
   background-color: var(--background-color) !important;
	 /*padding: 0 !important;*/
}

main > section {
	margin: 0 10px;
	padding-top : 50px !important;
	padding-bottom : 50px !important;
}

main > *:first-child {
	padding-top: 0px !important;
}

main > h1 {
	padding-top: 0px !important;
}

main h2 {
	border-bottom: 1px solid var(--main-color);
	padding-bottom: 5px;
	margin-bottom: 20px;
}

main > *:last-child {
	border-bottom: none;
}

.navbar {
    background-color: var(--background-nav-color);
		color: var(--text-color) !important;
}

.navbar-brand {
    font-weight: bold;
    display: flex;
    align-items: center;
    gap: 10px;
		color: var(--text-color) !important;
}

.navbar-brand .logo {
    height: 40px;
}

.navbar-toggler {
		color: var(--text-color) !important;
}

.nav-link {
		color: var(--text-color) !important;
}

.nav-link:hover {
		color: var(--text-color-hover) !important;
}

#mainCarousel {
    border-width: 4px;
	  border-color: var(--secondary-color);
    border-radius: 30px;
}

.carousel-item {
	  border-radius: 30px;
}

.carousel-img {
    border-width: 4px;
	  border-color: var(--secondary-color);
    border-radius: 2% 2%;
    width: auto;
		max-height: 75vh;
	  object-fit: cover;
}

.carousel-caption {
    background-color: rgba(0,0,0,0.5);
    padding: 15px;
    border-radius: 10px;
}

.carousel-caption.none {
    background: none;
}

.carousel a.btn-primary {
    color: white;
    font-size: 2rem;
		border-width: 4px;
		border-radius: 10px;
		padding: 15px 80px;
		text-transform: uppercase;
}

.btn-primary {
    background: none;
		color: var(--text-color);
		border-width: 2px;
    border-color: var(--secondary-color);
}

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

.social-link.discord {
	background: none;
	border-color: var(--discord-color);
	color: var(--discord-color);
}

.social-link.discord:hover {
	background-color: var(--discord-color);
	color: white;
}

.social-link.facebook {
	background: none;
	border-color: var(--facebook-color);
	color: var(--facebook-color)
}

.social-link.facebook:hover {
	background-color: var(--facebook-color);
	color: white;
}

.facebook-container {
    max-width: 500px;
    margin: 0 auto;
}

.partner-logo {
    max-height: 100px; /* Taille maximale de l'image */
    width: auto;
    object-fit: contain;
    transition: transform 0.3s ease;
}

/* Effet de survol sur le logo */
.partner-logo:hover {
    transform: scale(1.1); /* Zoom sur le logo au survol */
}

/* Styles pour le texte du lien du partenaire */
#partners a {
    text-decoration: none; /* Supprime le soulignement du lien */
    color: var(--text-color); /* Utilise la couleur du texte du thème */
    font-weight: bold;
}

a.link-primary {
	color: var(--main-color) !important;
	text-decoration-color: var(--main-color) !important;
}

footer {
	background-color: var(--background-nav-color)
}

/* Bordures dorées pour certains éléments */
section {
    padding: 10px;
    border: 2px solid transparent;
    transition: border-color 0.3s ease;
}

/*section:hover {
    border-color: var(--secondary-color);
    box-shadow: 0 0 10px rgba(184, 134, 11, 0.5);
}*/