whatsnew: CSS cleanup.

whatsnew.htm

@@ -7,19 +7,19 @@
 <style type="text/css">
     :root {
       color-scheme: light dark;
-      --light-color: #282828;
-      --dark-color: #d6d6d6;
-      --light-background-color: white;
-      --dark-background-color: #1f1f1f;
-      --light-tool-background-color: #e0e0e0;
-      --dark-tool-background-color: #403E41;
+      --main-fg-color: light-dark(#282828, #d6d6d6);
+      --main-bg-color: light-dark(white, #1f1f1f);
+      --link-fg-color: light-dark(hsl(206, 100%, 37%), hsl(206, 100%, 50%));
+      --link-hover-fg-color: light-dark(hsl(206, 100%, 27%), hsl(206, 100%, 43%));
+      --code-bg-color: light-dark(#f0f0f0, #403e41);
     }
-    body { font: calc(14rem/16)/1.5 "Segoe UI", sans-serif; color: light-dark(var(--light-color), var(--dark-color)); background-color: light-dark(var(--light-background-color), var(--dark-background-color)) }
-    a:link, a:visited { color: light-dark(hsl(206, 100%, 37%), hsl(206, 100%, 50%)); background-color: transparent; text-decoration: none }
-    a[href]:hover { color: light-dark(hsl(206, 100%, 27%), hsl(206, 100%, 43%)); text-decoration: underline }
-    tt, pre      { font: calc(13rem/16)/calc(21rem/16) monospace; color: inherit; background-color: light-dark(#f0f0f0, var(--dark-tool-background-color)); padding: 2px 4px; border-radius: 4px }
+    body         { font: calc(14rem/16)/1.5 "Segoe UI", sans-serif; color: var(--main-fg-color); background-color: var(--main-bg-color) }
+    a:link, a:visited { color: var(--link-fg-color); background-color: transparent; text-decoration: none }
+    a[href]:hover { color: var(--link-hover-fg-color); text-decoration: underline }
+    tt, pre      { font: calc(13rem/16)/calc(21rem/16) monospace; color: inherit; background-color: var(--code-bg-color) }
+    tt           { padding: 2px 4px; border-radius: 4px }
     pre          { line-height: normal; padding: 10px; border-radius: 6px }
-    li, div.limargins { margin-top: 5px; margin-bottom: 5px }
+    li, div.limargins { margin-block: calc(5rem/16) }
     div.bluehead { text-align: center; color: white; background-color: hsl(206, 100%, 30%); padding: 5px; font-weight: bold; line-height: normal }
     .date        { font-size: calc(11rem/16); font-weight: bold }
     .head1       { font-size: calc(32rem/16) }