:root {
    /* DECORATIVE TYPOGRAPHY */
    /* headers*/
    --decorative-header-font-family: Space Grotesk;
    --decorative-header-font-weight: 400;
    --decorative-header-line-height: 51px;
    /* content */
    --decorative-content-font-family: Work Sans;
    --decorative-content-font-weight: 400;
    --decorative-content-line-height: 46px;
    /* font variables */
    --base-size: 1rem;
    --scale: 1.067; /*https://typescale.com/, scale: minor second*/
    --h5: calc(var(--base-size) * var(--scale));
    --h4: calc(var(--h5) * var(--scale));
    --h3: calc(var(--h4) * var(--scale));
    --h2: calc(var(--h3) * var(--scale));
    --h1: calc(var(--h2) * var(--scale));
    --text-small: calc(var(--base-size)/var(--scale));
    /* Proteria Colors */
    --primary-red: #FF3E3E;
    --primary-blue: #7E9CFF;
    --primary-blue-dark: #1740CE;
    --secondary-red: #FF6565;
    --secondary-blue: #98B0FF;
    --secondary-blue-dark: #4566D8;
    --tertiary-red: #FFB2B2;
    --tertiary-blue: #CBD7FF;
    --tertiary-blue-dark: #A2B3EB;
    --ui-black: #000000;
    --ui-grey: #848484;
    --ui-grey-dark: #CCCCCC;
    --ui-components: #f7f7f7;
    --ui-font-base: #474747;
    --ui-background: #f3f4f8;
    --themecolor: var(--primary-blue-dark);
    /* Images */
    --img-border-radius: 20px;
    /* Overwritten Kendo theme colors */
    --kendo-border-color: rgba(0, 0, 0, 0.2);
}