/* Global variables. */
 :root {
   /* Default (light) theme */
   --bg: #fff;
   --accent-bg: #f5f7ff;
   --text: #2f44b7;
   --text-light: #585858;
   --border: #d8dae1;
   --accent: #3b82a4;
   --code: #d81b60;
   --preformatted: #444;
   --marked: #ffdd33;
   --disabled: #efefef;
 }

 /* Dark theme */
 @media (prefers-color-scheme: dark) {
   :root {
     --bg: #212121;
     --accent-bg: #2b2b2b;
     --text: #dcdcdc;
     --text-light: #ababab;
     --border: #666;
     --accent: #ffb300;
     --code: #f06292;
     --preformatted: #ccc;
     --disabled: #111;
   }
 }


 h3
 {
   color: #3b82a4;
 }
  h1
 {
   color: #3b82a4;
 }
 header h1
  {
    color: #996c1b;
  }