@media (prefers-color-scheme: light){
	:root {
		--bg-color: #ffffff;
		--text-color: #000000;
		--anchor-color: #0000ff;
	}
}

@media (prefers-color-scheme: dark){
	:root {
		--bg-color: #141414;
		--text-color: #cccccc;
		--anchor-color: #468dbd;
	}
}

/*---------------*/
/*body要素全体*/
/*---------------*/
body{
	background-color: var(--bg-color);
	color: var(--text-color);
}

/*---------------*/
/*header要素用*/
/*---------------*/
#site-title{
	font-size: 2rem;
	font-weight: bold;
}

header{
	text-align: center;
	padding: 1%;
}

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

/*---------------*/
/*main要素用*/
/*---------------*/
main{
	margin: auto 15%;
}

/*ページタイトル*/
h1{
	margin: 2.5% auto;
}

/*大見出し*/
h2{
	margin: 1% auto;
}

/*小見出し*/
h3{
	margin: 0.5% auto;
}

/*段落*/
p{
	margin: 1% auto;
}

/*アンカー*/
a{
	color: var(--anchor-color);
}

/*---------------*/
/*footer要素用*/
/*---------------*/
footer{
	text-align: center;
	padding: 1%;
}