Massive style changes

wwwroot/css/theme.css

@@ -1,17 +1,30 @@
 :root {
-  --text: #eee;
+  --text: #ddd;
+  --text-accent: #fff;
   --primary: #b41;
   --secondary: #4a1;
+  --dangerous: #f66;
+  --warning: #fa0;
   --f1-bg: #111;
   --f1-border: #333;
   --f2-bg: #222;
   --f2-border: #444;
   --f3-bg: #333;
   --f3-border: #555;
-  --s1: .25em;
-  --s2: .5em;
-  --s3: .75em;
-  --s4: 1em;
+  --chat-bg: #1c1c1c;
   --border-width: 1px;
   --semi-transparent: 0.6;
+  --font: sans-serif;
+  --font-size: .85em;
+  --border-radius: .5em;
+  --page-padding: 2em;
+  --page-spacing: 2em;
+  --box-padding: .75em 1em;
+  --box-spacing: 1em;
+  --input-padding: .45em .7em;
+  --button-padding: .45em .8em;
+  --badge-padding: .2em .6em;
+  --badge-spacing: .5em;
+  --menu-item-padding: .5em .75em;
+  --page-width: 900px;
 }