---
# Front matter comment to ensure Jekyll properly reads file.
---

//Import
@import "base", "mixin", "typography", "layout", "syntax.scss", "custom.scss";



/////////////////////////////////////////
/////////////////////////////////////////
/////////////////////////////////////////
//////////// LIGHT THEME ////////////////
/////////////////////////////////////////
/////////////////////////////////////////
/////////////////////////////////////////

//html {
  //background-color: #0f0f0f;
  ////background-color: #f0f0f0;

//html {
  //[>background-color: #0f0f0f;<]
  ////background-color: #f0f0f0;
  //background-color: lightblue;
//}


////body {
  //////background-color: #f0f0f0;
  ////background-color: #0f0f0f;

//body {
  //[>background-color: #0f0f0f;<]
  ////background-color: #f0f0f0;
  //background-color: lightblue;
//}

:root {
    --primary-color: #888888;
    --secondary-color: #666666;
    --font-color: #cecece;
    --bg-color: #0f0f0f;
    --heading-color: #454545;
    --block-bg-color: #2f3234;
    --block-bg-color-secondary: #444444;
    --block-bg-color-heading: #333333;
}

[data-theme="dark"] {
    --primary-color: #666666;
    --secondary-color: #555555;
    --font-color: #dddddd;
    --bg-color: #f0f0f0;
    --heading-color: #666666;
    --block-bg-color: #d7d7d7;
    --block-bg-color-secondary: #c0c0c0;
    --block-bg-color-heading: #a5a5a5;
}

body {
    background-color: var(--bg-color);
    color: var(--font-color);
}

html {
    background-color: var(--bg-color);
    color: var(--font-color);
}

h1 {
    color: var(--secondary-color);
}

a {
    color: var(--primary-color);
}