:root {
  --color-bg-dim:      #1e2326;
  --color-bg-0:        #272e33;
  --color-bg-1:        #2e383c;
  --color-bg-2:        #374145;
  --color-bg-3:        #414b50;
  --color-bg-4:        #495156;
  --color-bg-5:        #4f5b58;
  --color-bg-red:      #493b40;
  --color-bg-yellow:   #45443c;
  --color-bg-green:    #3c4841;
  --color-bg-blue:     #384b55;
  --color-bg-purple:   #463f48;
  --color-bg-visual:   #4c3743;

  /* Regular */
  --color-fg:       #d3c6aa;
  --color-red:      #e67e80;
  --color-yellow:   #dbbc7f;
  --color-green:    #a7c080;
  --color-blue:     #7fbbb3;
  --color-purple:   #d699b6;
  --color-aqua:     #83c092;
  --color-orange:   #e69875;
  --color-grey-0:   #7a8478;
  --color-grey-1:   #859289;
  --color-grey-2:   #9da9a0;
  --color-grey:     var(--color-grey-2);

  --color-black:     var(--color-bg-dim);
  --color-turquoise: var(--color-aqua);
  --color-white:     var(--color-grey);


  --color-bg:     var(--color-bg-0);
  --color-fg-sel: var(--color-fg);
  --color-bg-sel: var(--color-bg-visual);

  --color-accent:      var(--color-green);
  --color-header-0:    var(--color-red);
  --color-header-1:    var(--color-orange);
  --color-header-2:    var(--color-yellow);
  --color-header-3:    var(--color-green);
  --color-header-4:    var(--color-blue);
  --color-header-5:    var(--color-purple);
  --color-header-delim:var(--color-grey-1);

  --color-list-point-0:    var(--color-red);
  --color-list-point-1:    var(--color-orange);
  --color-list-point-2:    var(--color-yellow);
  --color-list-point-3:    var(--color-green);
  --color-list-point-4:    var(--color-blue);
  --color-list-point-5:    var(--color-purple);

  --color-var(--color-blue):
}

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