/*------------------------------------*\
  #SITE THEME
\*------------------------------------*/

:root {
  --site-dkGrey:              #0F1111;
    --site-dkGrey-lighter:    #272929;
    --site-dkGrey-darker:     #0B0C0C;

  --site-blue:                #0DCAF0;
    --site-blue-lighter:      #4FD8F5;
    --site-blue-darker:       #0AA0C2;

  --site-orange:              #DD7843;
    --site-orange-lighter:    #E08251;
    --site-orange-darker:     #C4622E;

  --site-ltGrey:              #BABCBC;
    --site-ltGrey-lighter:    #CFCFCF;
    --site-ltGrey-darker:     #9FA1A1;

  --site-navy:                #0E2A2A;
    --site-navy-lighter:      #234545;
    --site-navy-darker:       #0A1D1D;
	
  --site-red:              #B3262E;
    --site-red-lighter:      #D7424B;
    --site-red-darker:       #7E1B21;

  --site-theme-primary:              var(--site-dkGrey);
    --site-theme-primary-lighter:    var(--site-dkGrey-lighter);
    --site-theme-primary-darker:     var(--site-dkGrey-darker);

  --site-theme-secondary:            var(--site-blue);
    --site-theme-secondary-lighter:  var(--site-blue-lighter);
    --site-theme-secondary-darker:   var(--site-blue-darker);

  --site-theme-tertiary:             var(--site-orange);
    --site-theme-tertiary-lighter:   var(--site-orange-lighter);
    --site-theme-tertiary-darker:    var(--site-orange-darker);

  --site-theme-quaternary:           var(--site-navy);
    --site-theme-quaternary-lighter: var(--site-navy-lighter);
    --site-theme-quaternary-darker:  var(--site-navy-darker);

}