:root {
    /* Colors: */
    --black: #000000;
    --muted-purple: #69557F;
    --dark-grey: #444957;
    --grey: #696D79;
    --roman-silver: #8F929A;
    --defining-grey: #C7C8CD;
    --light-grey: #ECEDEE;
    --white: #FFFFFF;
    --snow: #F5F5F6;
    --primary-accent: #14123B;
    --primary-accent-hl: #27295e;
    --secondary-accent: #63428C;
    --tabs-base: #A2A4AB;
    --primary-light-1: #EE66D3;
    --primary-light-2: #C650A5;
    --primary-main-1: #E300B5;
    --primary-main-2: #A00073;
    --medium-orchid: #A00073;
    --medium-orchid-85: #9E3383;
    --medium-orchid-55: #B972A9;
    --medium-orchid-35: #CEA0C4;
    --primary-main-3: #9E3283;
    --primary-main-4: #AF5B9C;
    --primary-dark-1: #88006D;
    --primary-dark-2: #600045;
    --primary-dark-3: #CEA0C4;
    --secondary-dark-1: #8700C3;
    --secondary-dark-2: #CECFD3;
    --secondary-dark-3: #DADBDD;
    --secondary-medium-1: #B94BFF;
    --transparent: rgba(0, 0, 0, 0);
    --green-on-time-chart: #62AF47;
    --orange-late-chart: #F3834B;
    --red-missing-chart: #C94F4D;
    --due-in-the-future: #510039;
    --orange-warning: #E6C02C;
    --green-positive: #409E1E;
    --red-error: #BD2624;
    --button-background: #E3CCDE;
    --silver-metallic: #A2A4AB;
    --calgar-blue: #0085D1;
    --main-button-normal: var(--medium-orchid);
    --main-button-hover: var(--primary-main-4);
    --main-button-active: var(--primary-dark-3);
    --main-button-disabled: var(--primary-dark-3);
    /* Font/text values */
    --input-height: 28px;
    --font-family: "Lexend";
    --default-text: normal normal normal 14px Lexend;
    --link-text: normal normal normal 14px Lexend;
    --toolbar-text: normal normal normal 12px Lexend;
    --table-header: normal normal normal 14px/30px Lexend;
    --table-header-small: normal normal normal 12px Lexend;
    --table-text: normal normal normal 14px Lexend;
    --label-text: normal normal normal 14px Lexend;
    --field-text: normal normal normal 14px Lexend;
    --dropdown-text: normal normal normal 14px Lexend;
    --note-text: normal normal normal 12px Lexend;
    --navigation-text: normal normal normal 12px Lexend;
    --menu-top: normal normal normal 18px Lexend;
    --menu-top-small: normal normal normal 14px Lexend;
    --menu-header: normal normal bold 14px Lexend;
    --menu-text: normal normal normal 16px Lexend;
    --button-text: normal normal normal 16px Lexend;
    --button-small-text: normal normal normal 12px Lexend;
    --status-text: normal normal normal 12px Lexend;
    --header-1: normal normal bold 24px Lexend;
    --header-2: normal normal bold 22px Lexend;
    --header-3: normal normal bold 20px Lexend;
    --header-4: normal normal bold 18px Lexend;
    --form-header: normal normal bold 22px Lexend;
    --form-label: normal normal bold 14px Lexend;
    --form-small-label: normal normal bold 12px Lexend;
    --form-field: normal normal normal 14px Lexend;
    --dialog-label: normal normal normal 12px Lexend;
    --comments-bg-has-comments: #C7C8CD;
    --comments-bg-hl: #ffe0b2;
    --comments-bg-hover: #fff3e0;
    --comments-label: normal normal 700 16px/24px Lexend;
    --comments-date: normal normal 700 12px/20px Lexend;
    --comments-text: normal normal 400 16px/24px Lexend;
    --button-border-radius: 6px;
}