/* a simple light/dark stylesheet for my web zettelkasten
 *
 * heavily grafted from: <https://protesilaos.com>, <https://openbsd.org> */

:root {
	--fg: #bbb;
	--bg: #000000;
	--code: #ffffff;
	--fg-term: #ffffff;
	/* --bg-term: #18191b; */
	--bg-term: #242529;
	--heading: #fff;
	--interlink: #f2cfa6;
	/* --interlink: #f8dec0; */
	--intralink: #99b9f0;
}

/* light theme */
@media (prefers-color-scheme: light) {
	:root {
		--fg: #000000;
		--bg: #eeeeee;
		--code: #8f0075;
		--fg-term: #000000;
		--bg-term: #ffffff;
		--heading: #5d3026;
		--interlink: #005e8b;
		--intralink: #0031a9;
	}
}

body {
  font-family: sans-serif;
  color: var(--fg);
  background: var(--bg);
  line-height: 1.4;
  margin: 1em auto;
  padding: 0 1em;
  max-width: 55em;
  overflow-wrap: break-word;
}

/*
@media (min-width: 57em) {
	body {
		max-width: 57em;
	}
}

@media (min-width: 76em) {
	body {
		max-width: 75%;
	}
} */

/* prevent being in `<article>` from making the title normal instead of stupidly oversized */
h1 { font-size: 2em; }

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

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

a {
  color: var(--interlink);
}

a[href^=http] {
  color: var(--intralink);
}

ul {
  padding-left: 1.5em;
}

code {
  font-family: monospace;
  /* font-family: Hack, "DejaVu Sans Mono", "Source Code Pro", monospace; */
  color: var(--code);
  /* font-size: .85rem; */
  padding: 0.15em 0.3em;
	background: var(--bg-term);
}

pre > code {
/*	color: var(--fg-pre); */
  padding: 0;
}

pre {
	color: var(--fg-term);
	background: var(--bg-term);
  overflow: auto;
  padding: 1em;
}