/* Fonts */
@font-face {
    font-family: "DMSerifDisplay Regular";
    src: url('../fonts/DMSerifDisplay/DMSerifDisplay-Regular.ttf');
}
@font-face {
    font-family: "Montserrat Regular";
    src: url('../fonts/Montserrat/static/Montserrat-Regular.ttf');
}
@font-face {
    font-family: "Montserrat Bold";
    src: url('../fonts/Montserrat/static/Montserrat-Bold.ttf');
}
@font-face {
    font-family: "Montserrat Semi Bold";
    src: url('../fonts/Montserrat/static/Montserrat-SemiBold.ttf');
}

/* Css Variables */
:root{
	--font-family-primary: 'DMSerifDisplay Regular';
    --font-family-secondary: 'Montserrat Regular';
    --font-family-secondary-bold: 'Montserrat Bold';
    --font-family-secondary-semi-bold: 'Montserrat Semi Bold';
    --font-color-primary: #6E55DD;
    --font-color-secondary: #F36910;
    --background-color-light: #E3E2FC;
    --background-color-dark: #003639;
	--background-text-color-dark: #fff;
    --ctm-color-primary: #6E55DD;
    --ctm-color-primary-text: #fff;
    --ctm-color-primary-hover: #6E55DD;
    --ctm-color-primary-hover-text: #fff;
    --ctm-color-secondary: #194866;
    --ctm-color-secondary-text: #fff;
    --ctm-color-secondary-hover: #194866;
    --ctm-color-secondary-hover-text: #fff;
    --site-header-bg: #f7f6fe;
    --body-text-color-primary: #545454;
    --body-text-color-secondary: #424143;
}