Clearing out template stuff and adding basic styles

assets/styles/main.rcss

@@ -1,25 +1,33 @@
-/* ==========================================================================
-   RCSS User Agent Defaults (Plain HTML Style)
-   ========================================================================== */
+* {
+    box-sizing: border-box;
+    font-family: "PT Serif";
+}
 
-/* Core Application Window Foundation */
 body {
-    display: block;
+    --background-color: #1a202e;    /* Deep navy night */
+    --primary-color: #3a4f6f;       /* Rich medium blue */
+    --secondary-color: #2d3f5c;     /* Deeper blue */
+    --accent-color: #5b89b3;        /* Glowing blue highlight */
+    --text-color: #ffffff;          /* Pure white */
+    --heading-color: #c5d5e6;       /* Soft sky blue */
+
+    --form-background: #222837;     /* Slightly lighter background */
+    --text-on-primary: #ffffff;     /* White text */
+    --button-text: #ffffff;         /* White text */
+
+    --neutral-light: #d8e1ea;      /* Bright blue-white */
+    --neutral-medium: #8494a7;     /* Muted blue-gray */
+    --neutral-dark: #2d364a;       /* Deep blue shadow */
+
+    font-size: 24px;
+    color: var(--text-color);
+    background-color: var(--background-color);
     width: 100vw;
     height: 100vh;
-    font-family: "rmlui-debugger-font";
-    font-size: 16px;
-    background-color: #ffffff;
-    color: #000000;
-    margin: 0px;
-    padding: 0px;
+
 }
 
 /* Generic Structural Layout Defaults */
-* {
-    box-sizing: border-box;
-}
-
 div, section, article, header, footer, main, nav, aside {
     display: block;
 }
@@ -38,6 +46,7 @@ h1, h2, h3, h4, h5, h6 {
     display: block;
     font-weight: bold;
     margin: 0.83em 0px;
+    color: var(--heading-color);
 }
 
 h1 { font-size: 2em; }
@@ -137,7 +146,7 @@ thead, tbody, tfoot {
    ========================================================================== */
 button, input, select, textarea {
     display: inline-block;
-    font-family: "rmlui-debugger-font";
+    /* font-family: "rmlui-debugger-font"; */
     font-size: 14px;
     margin: 2px;
     vertical-align: middle;
@@ -267,7 +276,9 @@ progress-value {
 }
 
 
-
+/* ==========================================================================
+   Shell
+   ========================================================================== */
 
 
 #navbar {
@@ -277,13 +288,14 @@ progress-value {
     align-items: center;
     
     width: 100%;
-    height: 60px;
+    height: 70px;
     padding: 0px 20px;
-    background-color: #2b2baa;
+    background-color: transparent;
+    box-shadow: #000a 0px 6px 8px;
 }
 
 #navbar h1 {
-    color: #ffffff;
+    color: var(--heading-color);
     font-size: 24px;
     margin: 0px;
 }
@@ -296,19 +308,41 @@ progress-value {
 
 #navbar button {
     padding: 8px 16px;
-    background-color: #3c3c3c;
-    color: #e0e0e0;
-    border: 1px #666666;
 }
 
-#navbar button:hover {
-    background-color: #55555a;
+#navbar svg.logo {
+    width: 50px;
+    height: 50px;
 }
 
-/* Page Content Base */
+
 #page-content {
     display: block;
-    padding: 20px;
-    background-color: #1a1a1a;
-    color: #f0f0f0;
+    padding: 2rem;
+    background-color: var(--background-color);
+    color: var(--text-color);
+    margin-top: 15px;
 }
+
+/* Custom controls */
+button.btn-primary {
+    transition: background-color 0.2s exponential-in-out;
+    display: inline-block;
+    min-width: 100px;
+    min-height: 35px;
+    padding: 0.75rem 1.5rem;
+    text-decoration: none;
+    background-color: var(--primary-color);
+    border-radius: 4px;
+    border-color: transparent;
+    
+    color: var(--text-color);
+    font-size: 16px;
+} button.btn-primary:hover {
+    background-color: var(--secondary-color);
+    cursor: pointer;
+} 
+/* button.btn-primary:active {
+    background-color: #3e8e41;
+    border-color: #245325;
+} */