:root {
	/* Colors */
	--themeButtonBackgroundColor: #000000;
	--themeButtonBackgroundColorDark: #ffffff;

	/* Body */
	--bodyBackgroundColor: #ffffff;
	--bodyBackgroundColorDark: #000000;

	/* Main */
	--mainPrimaryColor: #000000;
	--mainPrimaryColorDark: #ffffff;
	--mainPrimaryColor05: rgba(0, 0, 0, 0.5);

	--mainSecondaryColor: rgba(0, 0, 0, 0.5);
	--mainSecondaryColorDark: rgba(255, 255, 255, 0.5);

	--mainTertiaryColor: #D4CDD3;

	--mainQuaternaryColor: #F2F2F2;
	--mainQuaternaryColorDark: rgba(242, 242, 242, 0.5);

	--mainAccentColor: #FF3636;
	--mainAccentHoverColor: rgba(200, 31, 31, 0.10);

	--mainBoxShadow: 0px 4px 20px 0px rgba(0, 0, 0, 0.20);

	--timestampBackground: rgba(20, 20, 20, 0.3);
	--timestampBackgroundDark: rgba(18, 18, 18, 0.5);

	/* Primary button */
	--primaryButtonBackgroundColor: #FF3636;
	--primaryButtonBackgroundColorHover: #C81F1F;
	--primaryButtonBackgroundColorActive: #FF3636;

	--primaryButtonTextColor: #FFF;

	/* Secondary button */
	--secondaryButtonBackgroundColor: #000000;
	--secondaryButtonBackgroundColorHover: #111111;
	--secondaryButtonBackgroundColorActive: #000000;

	--secondaryButtonTextColor: #FFF;

	/* Tertiary button */
	--tertiaryButtonBorderColor: #FF3636;
	--tertiaryButtonBorderColorHover: #C81F1F;
	--tertiaryButtonBorderColorActive: #FF3636;

	/* Links */
	--linkColor: #000000;
	--linkColorDark: #ffffff;

	--linkColorHover: #C81F1F;
	--linkColorActive: #FF3636;

	/* Error */
	--errorColor: #C81F1F;

	/* Success */
	--successColor: #2b9414;

	/** Fonts **/
	--mainFontFamily: 'Roboto Condensed';

	/* Main */
	--mainFontSize: 18px;
	--mainFontSizeBig: 22px;
	--mainFontSizeSmall: 14px;

	--mainBorderRadius: 0;

	--mainFontWeight: 400;
	--mainLineHeight: 180%;
	--mainFontWeightBig: 700;

	/* Filters */
	--filtersBackground: rgba(233, 233, 233, 1);
	--filtersFontSize: 14px;
	--filtersBackgroundHover: rgba(200, 31, 31, 1);
	--filtersBackgroundActive: rgba(0, 0, 0, 1);
	--filtersBackgroundDark: rgba(35, 35, 35, 1);

	/* Menu */
	--menuFontFamily: 'Noto Sans JP';
	--menuFontSize:  18px;
	--menuFontWeight: 800;

	/* Buttons */
	--buttonFontFamily: 'Roboto Condensed';
	--buttonFontSize: 20px;
	--buttonFontWeight: 700;

	/* Headinds */
	--headingsFontFamily: 'Noto Sans JP';

	/* H0 */
	--headingH0fontSize: 54px;
	--headingH0fontSizeMobile: 34px;
	--headingH0FontWeight: 900;
	--headingH0LineHeight: 110%;

	/* H1 */
	--headingH1fontSize: 32px;
	--headingH1fontSizeMobile: 24px;
	--headingH1FontWeight: 900;
	--headingH1LineHeight: 120%;

	/* H2 */
	--headingH2fontSize: 24px;
	--headingH2fontSizeMobile: 20px;
	--headingH2FontWeight: 900;
	--headingH2LineHeight: 120%;

	/* H3 */
	--headingH3fontSize: 21px;
	--headingH3fontSizeMobile: 18px;
	--headingH3FontWeight: 700;
	--headingH3LineHeight: 100%;

	/* H4 */
	--headingH4fontSize: 18px;
	--headingH4fontSizeMobile: 16px;
	--headingH4FontWeight: 700;
	--headingH4LineHeight: 100%;
}