Index: render/html.lua
==================================================================
--- render/html.lua
+++ render/html.lua
@@ -272,14 +272,29 @@
 			}
 		]];
 		math = [[
 			span.equation {
 				display: inline-block;
-				background: @tone(0.08);
-				color: @tone(2);
+				background: @tone(0.08 5);
+				color: @tone(1.5 70);
 				padding: 0.1em 0.3em;
-				border: 1px solid @tone(0.5);
+				border: 1px inset @tone(0.3 5);
+			}
+			span.equation var {
+				color: @tone(1 40);
+			}
+			span.equation :is(code,var,strong) {
+				font-family: initial;
+			}
+			span.equation strong {
+				color: @tone(1 90);
+				padding: 0 0.4em;
+			}
+			span.equation code {
+				color: @tone(0.9 10);
+				background: none;
+				padding: 0;
 			}
 		]];
 		abbr = [[
 			abbr[title] { cursor: help; }
 		]];