:root
{
   --paletteColor1:                 #c0c0c0;  /* Highlight */
   --paletteColor1a:                #505050;  /* Highlight a */
   --paletteColor2:                 #101010;  /* Text */

   --paletteColor100:               #f0f0f0;  /* Incremental background variations (0to255.com) */
   --paletteColor101:               #e0e0e0;
   --paletteColor102:               #d0d0d0;
   --paletteColor103:               #c0c0c0;
   --paletteColor104:               #b0b0b0;
   --paletteColor105:               #b0b0b0;
   --paletteColor106:               #a0a0a0;

   --paletteColor200:               #f0f0f0;  /* Incremental foreground variations */
   --paletteColor201:               #e0e0e0;
   --paletteColor202:               #d0d0d0;
   --paletteColor203:               #c0c0c0;
   --paletteColor204:               #b0b0b0;
   --paletteColor205:               #b0b0b0;
   --paletteColor206:               #a0a0a0;
   --paletteColor207:               #909090;
   --paletteColor208:               #808080;


   --paletteColor200a:               #d0d0d0;  /* Incremental foreground variations */
   --paletteColor201a:               #c0c0c0;
   --paletteColor202a:               #b0b0b0;
   --paletteColor203a:               #b0b0b0;
   --paletteColor204a:               #a0a0a0;
   --paletteColor205a:               #909090;
   --paletteColor206a:               #808080;
   --paletteColor207a:               #707070;
   --paletteColor208a:               #606060;

   /* assign pallete colors to areas of site */

   --colorMenuBackground:         var(--paletteColor1a);
   --colorMenuText:               var(--paletteColor2);
   --colorSubMenuBackground:      var(--paletteColor202);
   --colorSubMenuText:            var(--paletteColor2);
   --colorHoverMenuBackground:    var(--paletteColor200);
   --colorHoverMenuText:          var(--paletteColor2);
   --colorHoverSubMenuBackground: var(--paletteColor205);
   --colorHoverSubMenuText:       var(--paletteColor1);
   --colorMenuSprite:             var(--paletteColor2);
   --colorHoverMenuSprite:        var(--paletteColor206);
   --colorSubMenuSprite:          var(--paletteColor2);
   --colorHoverSubMenuSprite:     var(--paletteColor206);

   --colorBottomBar:              var(--paletteColor1);
   --colorBottomBarText:          var(--paletteColor2);

   --colorBody:                   var(--paletteColor100);
   --colorText:                   var(--paletteColor2);
   --colorTextLight:              var(--paletteColor200);
   --colorShadow:                 var(--paletteColor2);
   --colorInput:                  var(--paletteColor102);
   --colorInputText:              var(--paletteColor2);

   --colorAnchor:                 var(--paletteColor2);
   --colorAnchorText:             var(--paletteColor204);
   --colorAnchorVisited:          var(--paletteColor2);
   --colorAnchorTextVisited:      var(--paletteColor204);

   --colorSeparator:              var(--paletteColor203);
   --colorSeparatorText:          var(--paletteColor2);

   --colorBorder:                 var(--paletteColor2);

   --colorContainer1:             var(--paletteColor200);
   --colorContainer2:             var(--paletteColor201);
   --colorContainer3:             var(--paletteColor202);
   --colorContainer4:             var(--paletteColor203);
   --colorContainer5:             var(--paletteColor204);
   --colorContainer6:             var(--paletteColor205);
   --colorContainer7:             var(--paletteColor206);
   --colorContainer8:             var(--paletteColor207);
   --colorContainer9:             var(--paletteColor208);

   --colorRow:                    var(--paletteColor101);
   --colorRow2:                   var(--paletteColor102);

   --colorButton:                 var(--paletteColor208);
   --colorButtonHover:            var(--paletteColor203);
   --colorButtonClick:            var(--paletteColor1);
   --colorButtonText:             var(--paletteColor2);
   --colorButtonHoverText:        var(--paletteColor2);
   --colorButtonClickText:        var(--paletteColor2);

   --colorPaginateBackground:     var(--paletteColor208);
   --colorPaginateActive:         var(--paletteColor200);

   --fontMenu:                    'Oswald';
   --fontBody:                    'News Cycle';
   --fontFancy:                   'Tangerine';
   --fontSecondary:               'Roboto Condensed';

   --fontSizeBody:                18px;
   --fontSizePlus:                21px;
   --fontSizeMinus:               14px;
}