message: create main variables
diff: --primary-background: rgba(97, 68, 229, 0.1);
  --alternate: #e91db4;
  --alternate-hover: #ff1fc5;
  +
  + /* TODO: where to moves these variables? */
  + --l-background-color: #f7f7f7;
  + --l-color: #000;
  + --l-brand-color: #6144e5;
  + --l-background-elements: #fff;
  + --l-box-shadow: 0px 4px 16px rgba(0,0,0,0.08), 0px 1px 4px rgba(0,0,0,0.08);
  +
  + --d-background-color: #222427;
  + --d-color: #fff;
  + --d-brand-color: #985eff;
  + --d-background-elements: #242425;
  + --d-box-shadow: 0px 4px 16px rgba(0, 0, 0, 0.49),0px 1px 4px rgba(13, 13, 13, 0.06);
  }
  body {
  