html {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif; }

body, h1, h2, h3, h4, h5, h6 {
	color: #4a4a4a;
	background-color: #e9e9e9;
}

footer .ending-message {
	font-size: 14px;
	color: #4a4a4a;
}

a {
	text-decoration: none;
	color: #2c8898;
}

a:hover {
	color: #982c61;
	text-decoration: none;
  border-bottom: 2px solid #4a4a4a;
}

h1 a {
	color: #4a4a4a;
}

.site-name a {
	color: #4a4a4a;
}

blockquote {
	font-style: italic;
	margin-left: 1.5em;
	padding-left: 1em;
	border-left: 3px solid #2c8898;
}

img, video {
	height: auto;
	max-width: 100%;
	margin-top: 0px;
	margin-bottom: 2.5rem;
}

hr {
    border-color: #2c8898;
    width: 50%;
}


svg {
	width: 20px;
	height: 20px;
	transform: translateY(0.2em); /*Alignement approximatif avec le texte*/
	fill: #2c8898;
}

svg :hover {
	fill: #982c61;
}

.warning {

	background-color: #ffe98f;
	color: #333333;
	padding: 0.2em;
}

.note {

	background-color: #92ff9b;
	color: #333333;
	padding: 0.5em;
}


/* dark theme */

@media (prefers-color-scheme: dark) {
	body, h1, h2, h3, h4, h5, h6 {
		color: #d9d8dc;
		background-color: #222222;
	}
    main article .article__text code {
        color: #d9d8dc;
		background-color: #272822;
    }
	footer .ending-message {
		color: #d9d8dc;
	}

	a {
		color: #eb99a1;
	}
	a:hover {
		color: #DA4453;
		border-bottom: 2px solid #d9d8dc;
	}

	svg {

		fill: #eb99a1;
	}

	svg :hover {
		fill: #DA4453;
	}
	h1 a {
		color: #d9d8dc;
	}
	.site-name a {
		color: #d9d8dc;
	}

	blockquote {
		border-left: 3px solid #eb99a1;
	}

	hr {
		border-color: #424242;
	}
}