/* --- color --- */

/* REMINDER: update scarab when changing colors! */

/* Flexoki */
/* https://stephango.com/flexoki */
/* Light theme */

html {
	color: #100F0F; /* black, tx */
	background-color: #FFFCF0; /* paper, bg */
}

h1, h2, h3 {
	/* color: #24837B; */ /* cyan-600, cy */
	color: #BC5215; /* orange-600, or */
}

blockquote {
	border-left: 0.2rem solid #BC5215; /* orange-600, or */
}

pre, code {
	background-color: #F2F0E5; /* base-50, bg-2 */
}

a:link {
	color: #205EA6; /* blue-600, bl */
}

a:visited {
	color: #5E409D; /* purple-600, pu */
}

a:active {
	color: #AF3029; /* red-600, re */
}

::selection {
	color: #282726; /* base-900, ui */
	background-color: #D0A215; /* yellow-400, ye-2 */
}

/* --- font --- */

html {
	font-family: "Noto Serif", serif;
	font-size: 16px;
	line-height: 1.5;
	font-variant-numeric: oldstyle-nums proportional-nums;
}

h1, h2, h3 {
	font-family: "Noto Sans", sans-serif;
	font-weight: bold;
	font-style: normal;
	line-height: 1.1;
	font-variant-numeric: lining-nums proportional-nums;
}

h1 {
	font-size: 2rem;
}

h2 {
	font-size: 1.414rem; /* sqrt(2) */
}

h3 {
	font-size: 1rem;
}

strong, b, cite, i, em {
	font-weight: normal;
	font-style: italic;
}

blockquote {
	font-style: italic;
}

blockquote p {
	font-style: normal;
}

pre, code {
	font-family: "Noto Sans Mono", monospace;
	font-variant-numeric: lining-nums tabular-nums;
}

code {
	padding-left: 0.2rem;
	padding-right: 0.2rem;
}

a:link, a:visited {
	text-decoration: none;
}

a:active, a:hover {
	text-decoration: underline;
}

/* --- adjustment --- */

body {
	margin-top: 3rem;
	margin-left: auto;
	margin-right: auto;
	padding-left: 0.5rem;
	padding-right: 0.5rem;
	max-width: 36rem;
}

blockquote {
	margin-left: 0;
	margin-right: 0;
	padding: 0.2rem 0.5rem 0.2rem 0.8rem;
}

blockquote p {
	margin-top: 0.5rem;
	margin-bottom: 0;
}

pre {
	padding: 0.5rem;
	overflow-x: auto;
}

ul {
	padding-left: 1.5rem;
}