:root {
 /* COLOUR */
 --COLOUR:60 24% 24%;
 --white:#EEE;
 --lighter:0 0% 90%;
 --light:0 0% 82%;
 --midlight:0 0% 60%;
 --neutral:0 0% 50%;
 --middark:0 0% 42%;
 --dark:0 0% 33%;
 --dark-12:rgba(0,0,0,.12);
 --darker:0 0% 24%;
 --black:25 25% 18%;
 --antilight:#5e5050;
 --antimidlight:#C4BABA;
 --antimiddark:#5E5050;
 --antidark:#372F2F;
 /* SIZING */
 --baseFontSize:13.6px;
 --spacer:1rem;
 --maxwidth:900px;
 --s-art-w:500px;
 --s-navLeft:14.3%;
 /* border */
 --border-light:1px solid var(--light);
 --border-light-30:1px solid var(--light-30);
 --border-light-24:1px solid var(--light-24);
 --border-light-18:1px solid var(--light-18);
 --border-midlight:1px solid var(--midlight);
 --border-middark:1px solid var(--middark);
 --border-middark-bold:4px solid var(--middark);
 --border-dark:1px solid var(--dark);
 --border-dark-bold:4px solid var(--dark);
 --border-black:1px solid var(--black);
 --border-black-bold:4px solid var(--black);
 --border-inner-black:12px solid var(--black);
 /* SHAPING */
 --bRadius-sm:12px;
 /* SHADING */
 --shadow:0px .25px 18px 0px rgba(0,0,0,0.1);
 --shadow-flat:0px .25px 3px 1px rgba(0,0,0,0.3);
 --shadow-top-flat:0px -1px 3px 1px rgba(0,0,0,0.3);
 /*ANIMATION*/
 --ease-in-out:ease-in-out 0.3s;
 --ease-in-out-long:ease-in-out 1s;
 /*DEV*/
 --viewOutline:1px solid teal;
}