:root {
   --background: #121212;
   --text-alt: rgba(255,255,255,0.87);
   --text-bright: rgba(255,255,255,0.87);
   --text-normal: rgba(255,255,255,0.6);
   --text-dim: rgba(255,255,255,0.43);
   
   --site-color-hue: 264;
   --site-color-saturation: 80.3%;
   --site-color-lightness: 54.1%;
   --site-color-h1:       hsla(var(--site-color-hue), calc(var(--site-color-saturation)*0.8),  calc(var(--site-color-lightness)*0.9), 1.0);
   --site-color-h2:       hsla(var(--site-color-hue), calc(var(--site-color-saturation)*0.75), calc(var(--site-color-lightness)*0.7), 0.9);
   --site-color-h3:       hsla(var(--site-color-hue), calc(var(--site-color-saturation)*0.7),  calc(var(--site-color-lightness)*0.5), 0.5);
   --site-color-title:    hsla(var(--site-color-hue), calc(var(--site-color-saturation)*0.8),  calc(var(--site-color-lightness)*0.6), 1.0);
   --site-color-border:   hsla(var(--site-color-hue), calc(var(--site-color-saturation)*0.8),  calc(var(--site-color-lightness)*0.6), 1.0);
   --site-color-bg:       hsla(var(--site-color-hue), calc(var(--site-color-saturation)*0.8),  calc(var(--site-color-lightness)*0.2), 0.7);
   --site-color-border2:  hsla(var(--site-color-hue), calc(var(--site-color-saturation)*0.8),  calc(var(--site-color-lightness)*0.7), 1.0);
   --site-color-bg2:      hsla(var(--site-color-hue), calc(var(--site-color-saturation)*0.8),  calc(var(--site-color-lightness)*0.4), 0.9);
   --site-color-btn:      hsla(var(--site-color-hue), calc(var(--site-color-saturation)*0.8),  calc(var(--site-color-lightness)*0.5), 1.0);
   --site-color-btn2:     hsla(var(--site-color-hue), calc(var(--site-color-saturation)*0.9),  calc(var(--site-color-lightness)*0.7), 1.0);
   --site-color-shadow:   hsla(var(--site-color-hue), calc(var(--site-color-saturation)*0.0),  calc(var(--site-color-lightness)*2.0), 1.0);
   --site-color-text:     hsla(var(--site-color-hue), calc(var(--site-color-saturation)*0.5),  calc(var(--site-color-lightness)*1.0), 1.0);
   --site-color-highlight:hsla(var(--site-color-hue), calc(var(--site-color-saturation)*1.0),  calc(var(--site-color-lightness)*1.0), 1.0);
   
   --twitch-color-hue: 264;
   --twitch-color-saturation: 80.3%;
   --twitch-color-lightness: 54.1%;
   --twitch-color-h1:       hsla(var(--twitch-color-hue), calc(var(--twitch-color-saturation)*0.8),  calc(var(--twitch-color-lightness)*0.9), 1.0);
   --twitch-color-h2:       hsla(var(--twitch-color-hue), calc(var(--twitch-color-saturation)*0.75), calc(var(--twitch-color-lightness)*0.7), 0.9);
   --twitch-color-h3:       hsla(var(--twitch-color-hue), calc(var(--twitch-color-saturation)*0.7),  calc(var(--twitch-color-lightness)*0.5), 0.5);
   --twitch-color-title:    hsla(var(--twitch-color-hue), calc(var(--twitch-color-saturation)*0.8),  calc(var(--twitch-color-lightness)*0.6), 1.0);
   --twitch-color-border:   hsla(var(--twitch-color-hue), calc(var(--twitch-color-saturation)*0.8),  calc(var(--twitch-color-lightness)*0.6), 1.0);
   --twitch-color-bg:       hsla(var(--twitch-color-hue), calc(var(--twitch-color-saturation)*0.8),  calc(var(--twitch-color-lightness)*0.2), 0.7);
   --twitch-color-border2:  hsla(var(--twitch-color-hue), calc(var(--twitch-color-saturation)*0.8),  calc(var(--twitch-color-lightness)*0.7), 1.0);
   --twitch-color-bg2:      hsla(var(--twitch-color-hue), calc(var(--twitch-color-saturation)*0.8),  calc(var(--twitch-color-lightness)*0.4), 0.9);
   --twitch-color-btn:      hsla(var(--twitch-color-hue), calc(var(--twitch-color-saturation)*0.8),  calc(var(--twitch-color-lightness)*0.5), 1.0);
   --twitch-color-btn2:     hsla(var(--twitch-color-hue), calc(var(--twitch-color-saturation)*0.9),  calc(var(--twitch-color-lightness)*0.7), 1.0);
   --twitch-color-shadow:   hsla(var(--twitch-color-hue), calc(var(--twitch-color-saturation)*0.0),  calc(var(--twitch-color-lightness)*2.0), 1.0);
   --twitch-color-text:     hsla(var(--twitch-color-hue), calc(var(--twitch-color-saturation)*0.5),  calc(var(--twitch-color-lightness)*1.0), 1.0);
   --twitch-color-highlight:hsla(var(--twitch-color-hue), calc(var(--twitch-color-saturation)*1.0),  calc(var(--twitch-color-lightness)*1.0), 1.0);
   
   --youtube-color-hue: 0;
   --youtube-color-saturation: 100%;
   --youtube-color-lightness: 50%;
   --youtube-color-h1:       hsla(var(--youtube-color-hue), calc(var(--youtube-color-saturation)*0.8),  calc(var(--youtube-color-lightness)*0.9), 1.0);
   --youtube-color-h2:       hsla(var(--youtube-color-hue), calc(var(--youtube-color-saturation)*0.75), calc(var(--youtube-color-lightness)*0.7), 0.9);
   --youtube-color-h3:       hsla(var(--youtube-color-hue), calc(var(--youtube-color-saturation)*0.7),  calc(var(--youtube-color-lightness)*0.5), 0.5);
   --youtube-color-title:    hsla(var(--youtube-color-hue), calc(var(--youtube-color-saturation)*0.8),  calc(var(--youtube-color-lightness)*0.6), 1.0);
   --youtube-color-border:   hsla(var(--youtube-color-hue), calc(var(--youtube-color-saturation)*0.8),  calc(var(--youtube-color-lightness)*0.6), 1.0);
   --youtube-color-bg:       hsla(var(--youtube-color-hue), calc(var(--youtube-color-saturation)*0.8),  calc(var(--youtube-color-lightness)*0.2), 0.7);
   --youtube-color-border2:  hsla(var(--youtube-color-hue), calc(var(--youtube-color-saturation)*0.8),  calc(var(--youtube-color-lightness)*0.7), 1.0);
   --youtube-color-bg2:      hsla(var(--youtube-color-hue), calc(var(--youtube-color-saturation)*0.8),  calc(var(--youtube-color-lightness)*0.4), 0.9);
   --youtube-color-btn:      hsla(var(--youtube-color-hue), calc(var(--youtube-color-saturation)*0.8),  calc(var(--youtube-color-lightness)*0.5), 1.0);
   --youtube-color-btn2:     hsla(var(--youtube-color-hue), calc(var(--youtube-color-saturation)*0.9),  calc(var(--youtube-color-lightness)*0.7), 1.0);
   --youtube-color-shadow:   hsla(var(--youtube-color-hue), calc(var(--youtube-color-saturation)*0.0),  calc(var(--youtube-color-lightness)*2.0), 1.0);
   --youtube-color-text:     hsla(var(--youtube-color-hue), calc(var(--youtube-color-saturation)*0.5),  calc(var(--youtube-color-lightness)*1.0), 1.0);
   --youtube-color-highlight:hsla(var(--youtube-color-hue), calc(var(--youtube-color-saturation)*1.0),  calc(var(--youtube-color-lightness)*1.0), 1.0);
}
