:root {
				 /**********/
				 /* COLORS */
				 /**********/
	
	/************ MAIN COLORS **************/
	/***************************************/
	/* Adjust to change overall appearance */
	/*  Avoid using these colors in your   */
	/* styleseehts directly: bad practice! */
	/***************************************/
	
	/* pallet link: https://coolors.co/252628-2B2D2F-373c43-41464e-5d646f-7D87A1-acb1b9-BABFC9 */
	
	--color-primary:    #252628; /* e.g. main forum background */
	--color-secondary:  #2B2D2F; /* e.g. postbit & profile header background */
	--color-tertiary:   #373c43; /* e.g. profile fields title background */
	--color-quaternary: #acb1b9 ; /* e.g. subforum headers, forum header icons, tooltips, table borders*/

	--color-accent-light:  #7D87A1; /* e.g. thread links */
	--color-accent-medium: #BABFC9; /* e.g. postbit icons */
	--color-accent-dark:   #5D646F ; /* e.g. forum links, border colors... */
	
	--color-text-primary: #BABFC9; /* generally all continuous texts */
	--color-text-secondary: #7D87A1; /* emphazied text like bold, italic...*/
	
	/* translucent colors */
	--color-tertiary-20: #373c4333;
	--color-tertiary-40: #373c4366;
	--color-black-50: #00000080;
	
	
	/********** SPECIFIC COLORS **********/
	/*************************************/
	/* Only reference main colors here.  */
	/*     If you need more colors,      */
	/* add new variables to main colors. */
	/*  Use these colors in styleseehts  */
	/*************************************/
	
	--color-background-main: var(--color-primary);
	--color-background-user-header: var(--color-secondary);
	--color-background-profilefield-title: var(--color-tertiary);
	--color-background-subforum-header: var(--color-quaternary);
	--color-background-overlay: var(--color-black-50);
	--color-background-input-field: var(--color-secondary);
	
	--color-forum-header-icons: var(--color-quaternary);
	--color-forum-link: var(--color-accent-dark);
	--color-scene-link: var(--color-accent-light);
	--color-forum-description: var(--color-quaternary);
	--color-border: var(--color-accent-dark);
	--color-border-forum-box: var(--color-quaternary);
	--color-border-light: var(--color-text-primary);
	
	--color-text: var(--color-text-primary);
	--color-text-accent: var(--color-text-secondary);
	--color-text-dark: var(--color-accent-dark);
	
	--color-postbit-info: var(--color-accent-dark);
	--color-postbit-icons: var(--color-accent-medium);
	
	--color-inplaytracker-scene: var(--color-tertiary-40);
	--color-inplaytracker-scene-hover: var(--color-tertiary-20);
	
	--color-tooltip: var(--color-quaternary);
	--color-listen-accent: var(--color-text-secondary);
	--color-table-accent: var(--color-quaternary);
	
	
	/********** SINGLE USE COLORS ***********/
	/****************************************/
	/* Colors referencing specific elements */
	/*  that may diverse from main colors   */
	/****************************************/
	--member-profile-active-tab-background: #4A5059;
	
	--character-scale-dot-background: #41464E;
	--character-scale-background-gradient: linear-gradient(to right, #373C43, #4A505966);
	
	
	
				 /**********/
				 /* IMAGES */
				 /**********/
	
	--forum-background-image: url(../../../images/designs/animal/bg.png);
	--image-background-category: url(../../../images/designs/animal/bgkat.png);
	--image-forum-on: url(../../../images/designs/animal/on.png);
	--image-forum-off: url(../../../images/designs/animal/off.png);
	--image-forum-off-lock: url(../../../images/designs/animal/offlock.png);
}