Update default layout styles to enhance visual consistency by modifying color variables for secondary elements and background. Adjust header text color to use the new secondary text color variable.

Author: GauteR

_layouts/default.html

@@ -14,9 +14,10 @@
     <style>
         :root {
             --primary-color: #2c3e50;
-            --secondary-color: #3498db;
-            --background-color: #ffffff;
+            --secondary-color: #226692;
+            --background-color: #fefefe;
             --text-color: #333333;
+            --secondary-text-color: #fefefe;
             --border-color: #e1e8ed;
             --code-background: #f8f9fa;
         }
@@ -42,7 +43,7 @@
 
         header {
             background-color: var(--primary-color);
-            color: white;
+            color: var(--secondary-text-color);
             padding: 1.5rem 0;
             margin-bottom: 1rem;
         }
@@ -94,7 +95,6 @@
         }
 
         h1, h2, h3, h4, h5, h6 {
-            color: var(--primary-color);
             margin-top: 2rem;
             margin-bottom: 1rem;
         }