/* used on all pages */

@font-face {
	font-family: 'vinque';
	src: url('./fonts/vinque/vinque\ rg.otf');
}

:root{

	--lbgc-yellow: #ecb500;
	--lbgc-blue: #0068c9;

	--black: black;
	--dw-red: #a00;
	--dw-red2: #900;
	--dw-darkred: #700;

	--dw-vinque: 'vinque';

	--main-bg: var(--black);
	--main-accent: var(--dw-red2);
	--main-pop: var(--dw-red2);
	--btn-on-main: var(--tint-on-bg);
	
	--lib-item: var(--tint-on-bg);
	--lib-exp: var(--faint-green);

	--title-font: var(--dw-vinque);

	--very-different: var(--mad-purps);
	--text-on-different: white;

	--v-diff-2: var(--green2);
	--text-on-vdiff: white;

	--faint-tint-on-bg: var(--white-05);
	--tint-on-bg: var(--white-20);

	--soft-warn: var(rgb(200, 0, 0));

	--text-on-bg: white;
	--text-on-accent: white;
	--text-on-pop: white;
}