body {
  /* Variable */
  --sol-blue: #268bd2;
  --sol-cyan: #2aa198;

  --gb-dark0_hard  : #1d2021;
  --gb-dark0       : #282828;
  --gb-dark0_soft  : #32302f;
  --gb-dark1       : #3c3836;
  --gb-dark2       : #504945;
  --gb-dark3       : #665c54;
  --gb-dark4       : #7c6f64;
  --gb-dark4_256   : #7c6f64;

  --gb-gray_245    : #928374;
  --gb-gray_244    : #928374;

  --gb-light0_hard : #f9f5d7;
  --gb-light0      : #fbf1c7;
  --gb-light0_soft : #f2e5bc;
  --gb-light1      : #ebdbb2;
  --gb-light2      : #d5c4a1;
  --gb-light3      : #bdae93;
  --gb-light4      : #a89984;
  --gb-light4_256  : #a89984;

  --gb-bright_red     : #fb4934;
  --gb-bright_green   : #b8bb26;
  --gb-bright_yellow  : #fabd2f;
  --gb-bright_blue    : #83a598;
  --gb-bright_purple  : #d3869b;
  --gb-bright_aqua    : #8ec07c;
  --gb-bright_orange  : #fe8019;

  --gb-neutral_red    : #cc241d;
  --gb-neutral_green  : #98971a;
  --gb-neutral_yellow : #d79921;
  --gb-neutral_blue   : #458588;
  --gb-neutral_purple : #b16286;
  --gb-neutral_aqua   : #689d6a;
  --gb-neutral_orange : #d65d0e;

  --gb-faded_red      : #9d0006;
  --gb-faded_green    : #79740e;
  --gb-faded_yellow   : #b57614;
  --gb-faded_blue     : #076678;
  --gb-faded_purple   : #8f3f71;
  --gb-faded_aqua     : #427b58;
  --gb-faded_orange   : #af3a03;
  
  --bg: var(--gb-dark0);

  --col-bck:   var(--gb-dark0);
  --col-bck2:  var(--gb-dark1);
  --col-font:  var(--gb-light0);

  --col-h1:    var(--gb-bright_purple);
  --col-h2:    var(--gb-bright_blue);
  --col-h3:    var(--gb-bright_yellow);

  --col-link:  var(--gb-neutral_yellow);
  --col-link-visited: var(--gb-neutral_orange);
  --col-link-hover:   var(--gb-neutral_purple);

  --col-code-fg:      var(--gb-neutral_green);
}