:root {    
    --menu__height--md: 3rem;
    --color__red--100: #ff8da3;
    --color__red--200: #fe718e;
    --color__red--300: #fd566c;
    --color__red--400: #fc273f;
    --color__red--500: #d31b3d;
    --color__red--600: #aa1834;
    --color__red--800: #641432;
    --color__blue--100: #acc2dd;
    --color__blue--500: #42638c;
    --color__blue--600: #2e4869;
    --color__blue--700: #172f48;
    --color__blue--800: #031f30;
    --color__blue--900: #011523;
    --color__purple--100: #c2b4fc;
    --color__purple--400: #8d5fff;
    --color__purple--600: #55419e;
    --color__purple--800: #26224c;
    --color__white: #fff;
    --color__grey--100: #f7f7f7;
    --color__grey--400: #d7d8d6;
    --color__grey--500: #babcbc;
    --color__grey--600: #9c9ea0;
    --color__grey--800: #53565a;
    --spacing__12: 0.75rem;
    --spacing__18: 1.125rem;
    --spacing__24: 1.5rem;
    --spacing__36: 2.25rem;
    --spacing__48: 3rem;
    --spacing__60: 3.75rem;
    --spacing__72: 4.5rem;
    --spacing__96: 6rem;
    --spacing__120: 7.5rem;
    --spacing__144: 9rem;
    --font__bold: "secpro__bold", Tahoma, Verdana, sans-serif;
    --font__bold--italic: "secpro__bold--italic", Tahoma, Verdana, sans-serif;
    --font__light: "secpro__light", Tahoma, Verdana, sans-serif;
    --font__light--italic: "secpro__light--italic", Tahoma, Verdana, sans-serif;
    --font__regular: "secpro__regular", Tahoma, Verdana, sans-serif;
    --font__regular--italic: "secpro__regular--italic", Tahoma, Verdana, sans-serif;
    --font__size--12: 0.75rem;
    --font__size--15: 0.938rem;
    --font__size--18: 1.125rem;
    --font__size--21: 1.313rem;
    --font__size--24: 1.5rem;
    --font__size--30: 1.875rem;
    --font__size--36: 2.25rem;
    --font__size--42: 2.625rem;
    --font__size--48: 3rem;
    --font__size--60: 3.75rem;
    --font__size--72: 4.5rem;
    --font__size--96: 6rem;
}
@font-face {
	font-family: 'securitas bold';
	src: url('../fonts/SecuritasPro-Bold.woff2') format('woff2'),
		url('../fonts/SecuritasPro-Bold.woff') format('woff');
}

@font-face {
	font-family: 'securitas light';
	src: url('../fonts/SecuritasPro-Light.woff2') format('woff2'),
		url('../fonts/SecuritasPro-Light.woff') format('woff');
}

@font-face {
	font-family: 'securitas regular';
	src: url('../fonts/SecuritasPro-Regular.woff2') format('woff2'),
		url('../fonts/SecuritasPro-Regular.woff') format('woff');
}

@font-face {
	font-family: 'securitas bold italic';
	src: url('../fonts/SecuritasPro-BoldItalic.woff2') format('woff2'),
		url('../fonts/SecuritasPro-BoldItalic.woff') format('woff');
}

@font-face {
	font-family: 'securitas light italica';
	src: url('../fonts/SecuritasPro-LightItalic.woff2') format('woff2'),
		url('../fonts/SecuritasPro-LightItalic.woff') format('woff');
}

@font-face {
	font-family: 'securitas regular italica';
	src: url('../fonts/SecuritasPro-RegularItalic.woff2') format('woff2'),
		url('../fonts/SecuritasPro-RegularItalic.woff') format('woff');
}