:root {
	--bg:          #10100E;
	--fg:	   #FFFFE6;
	--line:        #30302B;
	--link:	   #8AA499;
	--link-active: #C8899B;
	--bright-red:  #BF281B;
	--red:	   #981E13;
	--off-white:   #FAF7F1;
	--off-black:   #0c0c0b;
	--shadow: transparent;
	--border-width: 0.25ex;
}

* {
	box-sizing: border-box;
}

html {
	color-scheme: dark;
}

body {
	margin: 0 auto;
	padding: 2rem 1.25rem;
	max-width: 1100px;
	background: var(--bg);
	color: var(--fg);
	font-family: monospace;
	font-size: 14px;
	line-height: 1.65;
}

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

a:hover,
a:focus-visible {
	color: var(--bright-red);
	text-decoration: underline;
}

a:focus-visible {
	outline: 1px solid var(--link-active);
	outline-offset: 3px;
}

h1, h2, h3 {
	color: var(--off-white);
	line-height: 1.3;
}

hr {
	border: 0;
	border-top: var(--border-width) solid var(--line);
}

pre, code {
	font-family: monospace;
}

pre {
	padding: 1rem;
	overflow-x: auto;
	border: 1px solid var(--line);
	background: var(--off-black);
	color: var(--fg);
}

table {
	width: 100%;
	border-collapse: collapse;
}

th, td {
	padding: 0.5rem 0.75rem;
	border-bottom: 1px solid var(--line);
	text-align: left;
	vertical-align: top;
}

th {
	color: var(--off-white);
}

tr:hover td {
	background: var(--off-black);
}

img, svg {
	max-width: 100%;
	height: auto;
}

blockquote {
	margin-left: 0;
	padding-left: 1rem;
	border-left: var(--border-width) solid var(--link);
}

::selection {
	color: var(--bg);
	background: var(--link);
}

@media (max-width: 600px) {
	body {
		padding: 1rem 0.75rem;
		font-size: 13px;
	}

	th, td {
		padding: 0.4rem;
	}
}

/* Stagit: highlighted commit diffs */
/* Diff additions */
:root {
    --diff-add: #8AA499;
    --diff-del: #C87979;
}

/* Added lines */
.A,
span.i,
pre a.i {
    color: var(--diff-add);
    background: transparent;
}

/* Deleted lines */
.D,
span.d,
pre a.d {
    color: var(--diff-del);
    background: transparent;
}

/* Keep diff colors on hover */
pre a.i:hover,
pre a.d:hover {
    background: transparent;
    text-decoration: underline;
}

/* :root { */
/*     --diff-add-bg: #20372B; */
/*     --diff-add-fg: #B5D9B5; */
/*     --diff-del-bg: #402321; */
/*     --diff-del-fg: #E7A39A; */
/* } */

/* /\* Added lines and additions in the diffstat *\/ */
/* .A, */
/* span.i, */
/* pre a.i { */
/*     color: var(--diff-add-fg); */
/*     background-color: var(--diff-add-bg); */
/* } */

/* /\* Deleted lines and deletions in the diffstat *\/ */
/* .D, */
/* span.d, */
/* pre, code a.d { */
/*     color: var(--diff-del-fg); */
/*     background-color: var(--diff-del-bg); */
/* } */

/* /\* Preserve highlighting on hover *\/ */
/* pre, code a.i:hover { */
/*     color: var(--diff-add-fg); */
/*     background-color: var(--diff-add-bg); */
/*     text-decoration: none; */
/* } */

/* pre, code a.d:hover { */
/*     color: var(--diff-del-fg); */
/*     background-color: var(--diff-del-bg); */
/*     text-decoration: none; */
/* } */