/* --- color --- */

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

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

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

blockquote {
	color: #575653; /* base-700 */
}

pre, code {
	background-color: #E6E4D9; /* base-100, ui */
}

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

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

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

::selection {
	background-color: #ECCB60; /* yellow-200 */
}

hr {
	border: 1px solid #B7B5AC; /* tx-3, base-300 */
}

/* --- font --- */

html {
	font-family: "Noto Sans", system-ui, sans-serif;
	font-size: 16px;
	line-height: 1.5;
}

h1, h2, h3 {
	font-weight: bold;
	font-style: normal;
	line-height: 1.2;
}

h1 {
	font-size: 1.6rem;
}

h2 {
	font-size: 1.3rem;
}

h3 {
	font-size: 1rem;
}

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

var {
	font-family: "Noto Serif", serif;
}

dt {
	font-style: italic;
}

th {
	font-weight: normal;
}

pre, code {
	font-family: "Noto Sans Mono", ui-monospace, monospace;
}

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 1rem 0.2rem 1rem;
}

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

img + p {
	margin-top: 0.2rem;
}

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

ul {
	padding-left: 1.5rem;
}

dd {
	margin-left: 1rem;
}

table, th, td {
	border: 1px solid;
}

table {
	border-collapse: collapse;
}

th, td {
	padding: 0.2rem;
}

details p {
	margin-left: 1rem;
	margin-top: 0.5rem;
}