/*
  COLORS
	Indigo:  400A66	rgba(64,10,102,1.0)
	Purple:  990073	rgba(153,0,115,1.0)
	Pink:    FF1A53	rgba(255,25,83,1.0)
  Orange:  FF9326	rgba(255,147,38,1.0)
  Yellow:  FFEE33	rgba(255,238,51,1.0)
*/

:root {
	--color-bg: rgba(255,255,255,0.98);
	--color-headline: rgba(64,10,102,1.0);
	--color-text: rgba(64,10,102,1.0);
	--color-text-light: rgba(64,10,102,0.5);
	--color-text-label: rgba(255,25,83,1.0);
	
	--color-link: hsla(250,100%,45%,1.0);
	--color-link-visited: rgba(64,10,102,1.0);
	--color-link-hover: rgba(255,25,83,1.0);
	
	--color-blockquote-bg: rgba(64,10,102,0.05);
	--color-blockquote-border: rgba(64,10,102,0.2);


	--color-header-bg: linear-gradient(to bottom, rgba(255,238,51,0.5) 0%,  rgba(255,255,255,0.5) 100%);
	
	--color-nav-bg: rgba(255,25,83,1.0);
	--color-nav-border: rgba(64,10,102,1.0);
	--color-nav-text: white;
	--color-nav-text-hover: rgba(255,238,51,1.0);

	--color-section-bg: rgba(64,10,102,0.1);
	--color-section-text: rgba(64,10,102,1.0);

	--color-top-border: rgba(64,10,102,1.0);
	--color-border: rgba(64,10,102,0.2);

	--color-tag-bg: rgba(64,10,102,0.1);
	--color-tag-hover: rgba(255,238,51,1.0);
	
	--color-sponsor-bg: rgba(64,10,102,0.1);
	--color-sponsor-border: rgba(64,10,102,0.2);

	--color-hover-bg: rgba(255,238,51,0.25);


	--color-player-bg: rgba(64,10,102,1.0);


	--color-other-bg: rgba(64,10,102,0.05);

	--color-footer-bg: rgba(64,10,102,1.0);
	--color-footer-text: rgba(255,255,255,0.6);
	
	
	
	--columns-gutter: 20px;
	
	--columns-1: 60px;
	--columns-2: 140px;
	--columns-3: 220px;
	--columns-4: 300px;
	--columns-5: 380px;
	--columns-6: 460px;
	--columns-7: 540px;
	--columns-8: 620px;
	--columns-9: 700px;
	--columns-10: 780px;
	--columns-11: 860px;
	--columns-12: 940px;

	--columns-wide-1: 80px;
	--columns-wide-2: 180px;
	--columns-wide-3: 280px;
	--columns-wide-4: 380px;
	--columns-wide-5: 480px;
	--columns-wide-6: 580px;
	--columns-wide-7: 680px;
	--columns-wide-8: 780px;
	--columns-wide-9: 880px;
	--columns-wide-10: 980px;
	--columns-wide-11: 1080px;
	--columns-wide-12: 1180px;
	
}