:root {
	--prime: #587eeb;
	--prime-less: #587eeb55;
	--prime-light: #587eeb25;

	--menu-logo-size:2.5em;
	--menu-logo-color:rgba(255,255,255,.9);
	--menu-logo-hover-color:#587eeb;
	--menu-logo-bottom-color:rgba(255, 255, 255, 0.03);
	--menu-logo-bottom-size:150px;
	--menu-logo-left:50%;
	--menu-logo-trans:translateX(-50%);
	--navbar-logo-size:26px;

	--readscroll:rgba(88,126,235,.8);

	--social-links-hover:#3aa167;

	--blockquote-size:1.5em;
	--blockquote-top:-15px;
	--blockquote-q-size:2.2em;

	--a-link: #587eeb;
	--a-link-hover: #335196;

	--blue: #587eeb;
	--blue-active: #4e70d1;
	--blue-dark: #395299;
	--highlight: #587eeb;
	--highlight-t:  #4e70d1;

	--green: lightgreen;
	--black: #16181c;
	--gray: #666666;
	--darkgray: #282a2e;
	--lightgray: #c0c0c0;
	--white: rgb(255,255,255,.9);
	--darkred: #ad2e2b;
	--darkbgr: #262626;

	--roboto: 'Roboto', sans-serif;
	--bebas: 'Bebas+Neue', sans-serif;
	--title: 'Source Serif Pro', serif;

	--ui-gray: #f2f2f2;
	--light-border: #e0e0e0;

	/* --~~ Navbar ~~-- */
	--navbar-hover:#587eeb;

	/* --~~ Footer ~~-- */
	--footer-logo-margin: 0 auto 20px;
	--footer-logo-color:#587eeb;
	--footer-logo-hover:white;

	/* Checkbox */
	--chk-background: white;
	--chk-background-checked: #4f7ee6;
	--chk-border: #dededf;
	--chk-border-hover: #4f7ee6;
	--chk-border-focus: rgba(0, 64, 249, .9);
	--chk-tick: white;
	--chk-label: white;

	& .dark {
		/* Checkbox */
		--chk-background: #262626;
		--chk-background-checked: #4f7ee6;
		--chk-border: #505154;
		--chk-border-hover: #4f7ee6;
		--chk-border-focus: rgba(255,255,255,.1);
		--chk-tick: white;
		--chk-label: white;

	}

	/* Fields */
	--site-border-focus: rgba(84, 142, 225, 1);
	--site-border-hover: rgba(84, 142, 225, .5);
}