:root {
    --page-header-height: 3rem;
    --font-family: "Public Sans", serif;
    --Primary-25: #F5FBFF;
    --Primary-50: #F0F9FF;
    --Primary-100: #E0F2FE;
    --Primary-300: #7CD4FD;
    --Primary-500: #0BA5EC;
    --Primary-600: #0086C9;
    --Primary-700: #026AA2;
    --Gray-25: #FCFCFD;
    --Gray-50: #F8F8FA;
    --Gray-100: #F2F4F7;
    --Gray-200: #EAECF0;
    --Gray-300: #D0D5DD;
    --Gray-400: #98A2B3;
    --Gray-500: #667085;
    --Gray-600: #475467;
    --Gray-700: #344054;
    --Gray-800: #1D2939;
    --Gray-900: #101828;
    --Blue-dark-500: #2970FF;
    --Base-White: #FFF;
    --Base-Black: #000000;
    --Success-50: #ECFDF3;
    --Success-100: #D1FADF;
    --Success-500: #12B76A;
    --Success-600: #039855;
    --Success-700: #027A48;
    --Warning-50: #FFFAEB;
    --Warning-100: #FEF0C7;
    --Warning-500: #F79009;
    --Warning-600: #DC6803;
    --Warning-700: #B54708;
    --Error-25: #FFFBFA;
    --Error-50: #FEF3F2;
    --Error-100: #FEE4E2;
    --Error-300: #FDA29B;
    --Error-500: #F04438;
    --Error-600: #D92D20;
    --Error-700: #B42318;
    --Border-Secondary-Light-Extra: 0.0625rem solid var(--Gray-100);
    --Border-Secondary-Light: 0.0625rem solid var(--Gray-200);
    --Border-Secondary: 0.0625rem solid var(--Gray-300);
    --Border-Secondary-Dark: 0.0625rem solid var(--Gray-400);
    --Border-Primary-Light: 0.0625rem solid var(--Primary-300);
    --Border-Primary: 0.0625rem solid var(--Primary-600);
    --Border-Primary-Thin: 0.03125rem solid var(--Primary-50);
    --Border-Secondary: 0.0625rem solid var(--Gray-300);
    --Colors-Border-border-secondary: 0.0625rem solid #E4E7EC;
    --Colors-Background-bg-secondary_alt: #F9FAFB;
    --Colors-Effects-Shadows-shadow-sm_01: rgba(16, 24, 40, 0.10);
    --Colors-Effects-Shadows-shadow-sm_02: rgba(16, 24, 40, 0.06);
    --Line-Color: #EBECEC;
    /* Shadow */
    --Shadow-md: 0 0.25rem 0.5rem -0.125rem rgba(16, 24, 40, 0.10), 0 0.125rem 0.25rem -0.125rem rgba(16, 24, 40, 0.06);
    /*fonts*/
    --font-xxs-n: 400 0.625rem var(--font-family);
    --font-xxs-sb: 600 0.625rem var(--font-family);
    --font-xs-n: 400 0.75rem var(--font-family);
    --font-xs-md: 500 0.75rem var(--font-family);
    --font-xs-sb: 600 0.75rem var(--font-family);
    --font-sm-n: 400 0.875rem var(--font-family);
    --font-sm-md: 500 0.875rem var(--font-family);
    --font-sm-sb: 600 0.875rem var(--font-family);
    --font-sm-b: 700 0.875rem var(--font-family);
    --font-md-n: 400 1rem var(--font-family);
    --font-md-md: 500 1rem var(--font-family);
    --font-md-sb: 600 1rem var(--font-family);
    --font-md-b: 700 1rem var(--font-family);
    --font-lg-md: 500 1.125rem var(--font-family);
    --font-lg-sb: 600 1.125rem var(--font-family);
    --font-lg-b: 700 1.125rem var(--font-family);
    --font-title: 600 1.25rem var(--font-family);
    /*redefinition of telerik variables*/
    --kendo-color-error: var(--Error-500);
    --kendo-color-on-app-surface: var(--Gray-700);
    --kendo-color-surface-alt: var(--Base-White);
    /*redefinition of telerik message colors*/
    --kendo-color-success-emphasis: var(--Success-500);
    --kendo-color-success-on-subtle: var(--Gray-25);
    --kendo-color-success-subtle: var(--Success-500);
    --kendo-color-error-emphasis: var(--Error-500);
    --kendo-color-error-on-subtle: var(--Gray-25);
    --kendo-color-error-subtle: var(--Error-500);
    --kendo-color-warning-emphasis: var(--Warning-500);
    --kendo-color-warning-on-subtle: var(--Gray-25);
    --kendo-color-warning-subtle: var(--Warning-500);
    --kendo-color-info-emphasis: var(--Blue-dark-500);
    --kendo-color-info-on-subtle: var(--Gray-25);
    --kendo-color-info-subtle: var(--Blue-dark-500);
    --kendo-color-dark-emphasis: var(--Gray-800);
    --kendo-color-dark-on-subtle: var(--Gray-25);
    --kendo-color-dark-subtle: var(--Gray-800);
    --kendo-font-family: var(--font-family);
    --kendo-color-on-app-surface: var(--Gray-700);
    --kendo-color-primary: var(--Primary-600);
    /*spacing*/
    --spacing-xs: 0.25rem;
    --spacing-md: 0.5rem;
    --spacing-lg: 0.75rem;
    --radius-sm: 0.375rem;
    --radius-lg: 0.625rem;
}