@charset "utf-8";
/*
* VARIABLES 
background: var(--color-primary);
******************************************************/
:root {
	--color-default: #ffffff;
    --color-primary: #3f4d55;
    --color-theme-primary: #b88945;
    --color-theme-secondary: #FAFAF8;
    --color-rgba-pale: rgba(255, 255, 255, .3);
    --color-rgba-white: rgba(255, 255, 255, .6);
	--color-bg-gradient-pink: linear-gradient(90deg, #fff0f3, #e1f4fd);
    --color-bg-main: #fadedd;
    --color-bg-sub: #c3e5ee;
    --color-bg-primary: #f2f1ec;
	--color-bg-static-pages:#DDF1F2;
	--color-heading-blue:#73a8ce;
    --color-menu-button: #526976;
	--color-changelog-dot:#f7d65b;
	--color-changelog-line:#9eb9d6;
}
:root {
	--font-normal:500;
	--font-semibold:600;
	--font-bold:700;
}
:root {
	--transition-base: all .3s;
	--filter-blur:blur(5px);
	--filter-shadow:drop-shadow(0 0px 4px rgba(0, 0, 0, .175));
}
:root {
	--max-size: 1080px;
	--content-size: 890px;
	--content-size-middle: 640px;
	--content-size-small: 330px;
}