:root {
    --edge: #cfc, #ded,  #5a5, #373;
    --back: #cfc; 
    --backmenu: #acf;
    --backdark: linear-gradient(to right, #efd, #5c7);
    --blend: #efc, #cfe, #cee, #cdf,  #acf, #acf, #fde, #ffc;
    --pstext: darkred;
    --pstextb: #defc;
    /* old params  #cfd, #afc, #cfc, #ffc */
}
  
body {
  font-family: Geneva, Verdana, sans-serif;
  background: linear-gradient(to bottom right, #cca, #bb94);
}  


html { /* shows below the body ??*/
    background: linear-gradient(to bottom right, #cfd, #afc4);
}
  

.console, .codespace {
    border: 1px solid darkgreen; /* inset */
    background: linear-gradient(to bottom right, #dee, #8ca);
}

.params, .leftinfo, .rightinfo {
    font-family: Papyrus;
    border: 1px solid lightseagreen;
    background: linear-gradient(to bottom right, var(--blend));
}

.plotchooser {
    font-family: 'Lucida Sans', Geneva, sans-serif; /* 'Apple Chancery' */
    border: 1px solid yellow;
    background:linear-gradient(to bottom , #cdf, #acf, #fde, #ffc);
    
}

.plotspace, .maininfo {
    border: 1px solid yellow;
    background: linear-gradient(to bottom left, var(--blend));
}


.plot { 
    background: radial-gradient(ellipse, #efff 0%, #effa 50%, #dfe2 80%);
    /*  rgba(200,220,240,0.6)*/
    /*background-image: linear-gradient(to bottom right, #def, #bce, #aed);*/
    /*background-image: linear-gradient(to bottom right, #eee, #999);*/
} 
.miniplot { 
    background: radial-gradient(ellipse, #effc 0%, #eff8 50%, #dfe1 80%);
}

.popup {
    fill: linear-gradient(to bottom right, #fd9, #db7);
    background: linear-gradient(to bottom right, #fd9, #db7 transparent);
}