:root {
    /*
    rgb(r,g,b)  - r=red, g=green, b=blue levels. 0-255
    rgba(r,g,b,a)  - r=red, g=green, b=blue a=opacity levels. 0-255 for r,g&b and 0-1 for opacity
    */
    
    /* 'bgc' Back Ground Colours */
    --bgc1: rgb(50,50,50);          /* very dark grey*/
    --bgc2: whitesmoke;             /* 'Links' Text Shadow */
    --bgc3: rgba(110,110,150,0.4);  /* 'Working', 'Drop Down Items', 'Admin Menu Select' */
    --bgc4: rgba(80,80,100,0.8);    /* Main Content Background */
    --bgc5: rgba(100,100,130,0.6);  /* Post Background */
    
    /* 'color' Foreground Text Colours */
    --color1: whitesmoke;           /* Body & Default Text */
    --color2: slategrey;            /* Site Description */
    --color3: rgb(180,180,210);     /* Link Text Shadow & Post Heading*/
    --color4: aliceblue;            /* Site Name & Headings */
    
    /* 'border' Box Border Colours */
    --border1: silver;
    --border2: rgb(100,100,100);
    
    /* 'inputbgc' Input Box Background Colour */
    --inputbgc: rgba(190,190,210,0.8);
    --inputcolor: rgba(0,0,50,0.7);
    /* Box Shadow Variables */
    --offsetX: 0px;
    --offsetY: 1px;
    --blur:    1px;
    --spread:  1px;
    --shadow: rgba(0,0,0,0.7);
    --inset:  inset;
    
    /* 'link' Page Link Colours */
    --link: lightblue;
    --linkhover: rgb(20,20,80);    
    
    /* Menu Font Size */
    --navfs: 1em;    
}