body {
	--background-color: #f2f3f5;
	--foreground-color: #fff;

	--font-primary: 'Open Sans', sans-serif;
	--font-weight-regular: 500;
	--font-weight-semibold: 600;
	--font-weight-bold: 700;
	--font-color-primary: #111;
	--font-color-secondary: #888;
	--font-color-headers: #383940;
	--font-color-links: #3f8ae0;

	--input-disabled: #eee;

	--separator: #ddd;
	--border-color: #e9e9e9;

	--hover-background-color: rgba( 0, 0, 0, 0.05 );

	--separator-color: rgba( 0, 0, 0, 0.05 );
	--border-color: #ddd;
	--input-shadow-color: rgba( 0, 0, 0, 0.1 );
	--img-placeholder-background: #eee;

	/* --accent-color: #3f8ae0;
	--accent-hover: #3f8ae0; */

	--accent-color: #242424;
	--accent-hover: #000000;


	--accent-color-transparent: #7a54fb55;

	--hover-transparent-background: rgba( 0, 0, 0, 0.03 );

	--form-item-background: #FFFFFF;
	--form-item-background-disabled: #EEEEEE repeating-linear-gradient(-45deg, #c2c2c2 0, #c2c2c2 0.5px, transparent 0.5px, transparent 10px);
	--form-item-color-disabled: #888888;

	--messaging-message-background: #dcebfa;

	--text-indent: 30px;

	--white: #fff;
	--dark-grey: #888;
	--green: #30a300;
	--blue: #008cff;
	--red: #d22148;
	--orange: #ffa500;

	--message-background: rgb(72, 170, 188);

	--scrollbar-track: rgba( 0, 0, 0, 0.05 );
	--scrollbar-thumb: rgba( 0, 0, 0, 0.15 );
	--scrollbar-thumb-active: rgba( 0, 0, 0, 0.25 );

	--editor-preview-gradient: linear-gradient( 30deg, #7e7831, #317200 );
	--editor-preview-button-background: rgba( 255, 255, 255, 0.2 );
	--editor-preview-button-background-hover: rgba( 255, 255, 255, 0.1 );
	--editor-preview-button-color: #FFFFFF;

	--popup-wrapper: rgba( 0, 0, 0, 0.5 );
	--form-element-background: #f5f5f5;

	--input-focus: #008cff;
	--glass-background: rgba(255, 255, 255, 0.5);
}

body[data-theme="dark"] {
	--background-color: #0e0e0e;
	--foreground-color: rgb(27, 27, 27);

	--font-primary: 'Open Sans', sans-serif;
	--font-weight-regular: 500;
	--font-weight-semibold: 600;
	--font-weight-bold: 700;
	--font-color-primary: rgb(233, 233, 233);
	--font-color-secondary: rgb(58, 58, 58);
	--font-color-headers: #d8d8d8;
	--font-color-links: #3f8ae0;

	--input-disabled: rgb(81, 81, 81);

	--separator: rgb(56, 56, 56);
	--border-color: #252525;

	--hover-background-color: rgba(219, 219, 219, 0.05);

	--separator-color: rgba( 0, 0, 0, 0.05 );
	--border-color: rgb(51, 51, 51);
	--input-shadow-color: rgba( 0, 0, 0, 0.1 );

	--accent-color: #3f8ae0;
	--accent-hover: #3f8ae0;
	--accent-color-transparent: #7a54fb55;

	--hover-transparent-background: rgba(231, 231, 231, 0.03);
	--form-item-background: #292929;
	--form-item-background-disabled: #0f0f0f repeating-linear-gradient(-45deg, #222222 0, #222222 0.5px, transparent 0.5px, transparent 10px);
	--form-item-color-disabled: #555555;

	--messaging-message-background: #223547; 

	--text-indent: 30px;

	--white: #fff;
	--dark-grey: #888;
	--green: #30a300;
	--red: #d22148;
	--orange: #ffa500;

	--message-background: rgb(72, 170, 188);

	--scrollbar-track: rgba( 255, 255, 255, 0.05 );
	--scrollbar-thumb: rgba( 255, 255, 255, 0.15 );
	--scrollbar-thumb-active: rgba( 255, 255, 255, 0.25 );

	--editor-preview-gradient: linear-gradient( 30deg, #7e7831, #317200 );
	--editor-preview-button-background: rgba( 255, 255, 255, 0.3 );
	--editor-preview-button-color: #FFFFFF;

	--popup-wrapper: rgba( 0, 0, 0, 0.5 );
	--form-element-background: #323232;

	--input-focus: #008cff;
	--glass-background: rgba(0, 0, 0, 0.5);
}