@import "./normalize.css";
@import "./fonts.css";
@import "./solarized.css";

:root {
	--shadow\\default: 2pt 2pt var(--color\\semantic\\highlight);
	--shadow\\inset: inset var(--shadow\\default);
}

body {
	background-color: var(--color\\semantic\\background);
	color: var(--color\\semantic\\primary);
	font-family: var(--font\\transitional);
}

main {
	max-width: 102ch;
	padding-inline-start: 1ch;
	padding-inline-end: 1ch;
	margin: auto;
}

code,
input,
pre,
samp {
	font-family: var(--font\\monospace-code);
	font-size: inherit;
}

a {
	color: var(--color\\blue);
}

a:visited {
	color: var(--color\\violet);
}

pre {
	border: 1pt solid var(--color\\semantic\\secondary);
	padding: 0.5lh 1ch;
	box-shadow: var(--shadow\\inset);
	max-width: 80ch;
	overflow: auto;
}

blockquote {
	border-inline-start: 1pt solid var(--color\\semantic\\secondary);
	margin-inline-start: 3ch;
	padding-inline-start: calc(1ch - 1pt);
	box-shadow: inset 2pt 0 var(--color\\semantic\\highlight);
}

em,
strong,
mark {
	color: var(--color\\semantic\\emphasized);
}

mark {
	background-color: var(--color\\semantic\\highlight);
}

th,
thead,
tfoot {
	color: var(--color\\semantic\\emphasized);
}

th,
td {
	padding: 0.5lh 1ch;
	text-align: start;
	border: none;
}

thead,
tfoot {
	border: 1pt solid var(--color\\semantic\\secondary);
}

thead th,
thead td,
tfoot th,
tfoot td {
	box-shadow: var(--shadow\\default);
	background-color: var(--color\\semantic\\highlight);
}

tbody tr {
	border-block-end: 1pt solid var(--color\\semantic\\secondary);
}

tbody th {
	font-weight: normal;
}

table {
	border: 1pt solid var(--color\\semantic\\secondary);
	border-collapse: collapse;
	box-shadow: var(--shadow\\default), var(--shadow\\inset);
}

body header {
	border: 1pt solid var(--color\\semantic\\secondary);
	background-color: var(--color\\semantic\\highlight);
	display: flex;
	margin: 1ch;
	box-shadow: var(--shadow\\default);
}

header h1 {
	font-size: inherit;
	margin: 0.5lh 1ch;
}

figure {
	max-width: 100%;
	overflow: auto;
	margin-block-start: 1em;
	margin-block-end: calc(1em - 2pt);
	margin-inline-start: 3ch;
	margin-inline-end: 2ch;
	padding-block-end: 2pt;
	padding-inline-end: 1ch;
}

figure pre,
figure table {
	margin: 0;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	color: var(--color\\semantic\\emphasized);
}

aside {
	color: var(--color\\semantic\\secondary);
}