:root {
  	/*main colors*/
	--theme-primary: #1c4587;
	--theme-secondary: #FFA524;
  	--theme-accent: #FFA524;
  	--theme-background: #FFFFFF;
  	--theme-text: #222222;
  	/*rgba colors*/
	--theme-primary-rgb-7: rgba(28,69,135,.7);
  	--theme-primary-rgb-2: rgba(28,69,135,.2);
	--theme-secondary-rgb-7: rgba(255,165,36,.7);
	--theme-secondary-rgb-2: rgba(255,165,36,.2);
  	--theme-accent-rgb-7: rgba(255,165,36,.7);
	--theme-accent-rgb-2: rgba(255,165,36,.2);
  	/*shade colors*/
  	/*primary*/
  	--theme-primary-light-1: #204f9b;
    --theme-primary-light-2: #2459af;
    --theme-primary-light-3: #2864c3;
    --theme-primary-light-4: #2c6ed8;
    --theme-primary-light-5: #3178ec;
  	--theme-primary-dark-1: #173a72;
    --theme-primary-dark-2: #13305e;
    --theme-primary-dark-3: #0f254a;
    --theme-primary-dark-4: #0b1b36;
    --theme-primary-dark-5: #071121;
  	/*secondary*/
  	--theme-secondary-light-1: #ffbd29;
    --theme-secondary-light-2: #ffd62e;
    --theme-secondary-light-3: #ffef34;
    --theme-secondary-light-4: #ffff39;
    --theme-secondary-light-5: #ffff3f;
  	--theme-secondary-dark-1: #d88c1e;
    --theme-secondary-dark-2: #b27319;
    --theme-secondary-dark-3: #8c5a13;
    --theme-secondary-dark-4: #66420e;
    --theme-secondary-dark-5: #3f2909;
  	/*accent*/
  	--theme-accent-light-1: #ffbd29;
    --theme-accent-light-2: #ffd62e;
    --theme-accent-light-3: #ffef34;
    --theme-accent-light-4: #ffff39;
    --theme-accent-light-5: #ffff3f;
  	--theme-accent-dark-1: #d88c1e;
    --theme-accent-dark-2: #b27319;
    --theme-accent-dark-3: #8c5a13;
    --theme-accent-dark-4: #66420e;
    --theme-accent-dark-5: #3f2909;
  	/*background*/
  	--theme-background-light-1: #ffffff;
    --theme-background-light-2: #ffffff;
    --theme-background-light-3: #ffffff;
    --theme-background-light-4: #ffffff;
    --theme-background-light-5: #ffffff;
  	--theme-background-dark-0: #f7f7f7;
  	--theme-background-dark-1: #d8d8d8;
    --theme-background-dark-2: #b2b2b2;
    --theme-background-dark-3: #8c8c8c;
    --theme-background-dark-4: #666666;
    --theme-background-dark-5: #3f3f3f;
  	/*text*/
  	--theme-text-light-1: #272727;
    --theme-text-light-2: #2c2c2c;
    --theme-text-light-3: #313131;
    --theme-text-light-4: #363636;
    --theme-text-light-5: #3b3b3b;
  	--theme-text-dark-1: #1c1c1c;
    --theme-text-dark-2: #171717;
    --theme-text-dark-3: #121212;
    --theme-text-dark-4: #0d0d0d;
    --theme-text-dark-5: #080808;
}