switch more colors over to variables

base.css

@@ -3,15 +3,20 @@
 	--dark: var(--colorscheme-dark);
 
 	--fg: var(--dark);
+	--fg-lc: var(--colorscheme-dark-lighter);
 	--bg: var(--light);
+	--bg-lc: var(#d9d9d9 );
+
+	--body-max-width: 800px;
+	--font-size: 16px;
 }
 
 body {
 	font-family: monospace, sans-serif;
 	color: var(--fg);
-	font-size: 16px;
+	font-size: var(--font-size);
 	margin: 2em auto;
-	max-width: 800px;
+	max-width: var(--body-max-width);
 	padding: 1em;
 	line-height: 1.4;
 	overflow-wrap: break-word;
@@ -34,20 +39,18 @@ table {
 
 th, td {
 	padding: 1em;
-	border: 1px solid #454545;
+	border: 1px solid var(--fg-lc);
 	margin: 0;
 }
 
 
-
 pre {
 	padding: 1em;
 	overflow: scroll;
 }
 
 code, pre{
-	background-color: #d9d9d9 ;
-	color: #000;
+	background-color: var(--bg-lc) ;
 }
 
 
@@ -66,7 +69,7 @@ li {
 
 
 blockquote {
-	border-left: 0.4em solid #454545;
+	border-left: 0.4em solid var(--fg-lc);
 	margin-left: 0;
 	padding-left: 1em;
 	padding-top: 0.5em;