:root {

    --color-bg-white-op-lg: var(--color-base-white);
    --color-bg-neutral: var(--color-base-neutral-100);
    --color-bg-dark: var(--color-base-neutral-700);
    --color-content-primary: var(--color-base-primary-500);
    --color-content-white: var(--color-base-white);
    --color-base-primary-25: #e3eff9;
    --color-base-primary-50: #c1ddf1;
    --color-base-primary-100: #99c7e8;
    --color-base-primary-200: #7cb7e2;
    --color-base-primary-300: #5ca5d8;
    --color-base-primary-400: #4194cf;
    --color-base-primary-500: #2784c6;
    --color-base-primary-600: #1076be;
    --color-base-primary-700: #0c68a9;
    --color-base-primary-800: #0a5d98;
    --color-base-primary-900: #07548a;
    --color-base-neutral-25: #f5f5f5;
    --color-base-neutral-50: #e2e3e5;
    --color-base-neutral-100: #d4d6d8;
    --color-base-neutral-200: #c3c6c8;
    --color-base-neutral-300: #b0b4b7;
    --color-base-neutral-400: #9fa3a7;
    --color-base-neutral-500: #92969b;
    --color-base-neutral-600: #71767a;
    --color-base-neutral-700: #585c60;
    --color-base-neutral-800: #4a4e52;
    --color-base-neutral-900: #282c2f;
    --size-base-0x: 0px;
    --size-base-05x: 2px;
    --size-base-1x: 4px;
    --size-base-2x: 8px;
    --size-base-3x: 12px;
    --size-base-4x: 16px;
    --size-base-5x: 20px;
    --size-base-6x: 24px;
    --size-base-8x: 32px;
    --size-base-10x: 40px;
    --size-base-12x: 48px;
    --size-base-14x: 56px;
    --size-base-16x: 64px;
    --size-base-20x: 80px;
    --size-radius-block-md: var(--size-base-6x);
    --size-padding-block-md: var(--size-base-6x);
    --size-padding-block-img: var(--size-base-2x);
    --size-padding-block-text: var(--size-base-6x);
    --size-margin-light-light: var(--size-base-14x);
    --size-space-block-md: var(--size-base-14x);
    --size-radius-block-sm: var(--size-base-4x);
    --color-shadow-300: #0a5e99;
    --color-shadow-200: #0a5e99;
    --color-shadow-100: #0a5e99;
    --size-padding-block-lg: var(--size-base-14x);
    --size-space-title-text-xl: var(--size-base-2x);
    --size-space-icon-text-md: var(--size-base-4x);
    --size-radius-icon: var(--size-base-05x);
    --size-space-block-sm: var(--size-base-10x);
    --color-bg-primary-op-lg: var(--color-base-primary-600);
    --color-base-white: #ffffff;
    --color-bg-primary-op-md: #1076be;
    --color-bg-white-op-md: #ffffff;
    --color-button-primary_bg-light-default: var(--color-base-white);
    --color-button-primary_bg-light-hover: var(--color-base-primary-25);
    --color-button-primary_bg-light-pressed: var(--color-base-primary-50);
    --size-space-title-text-5xl: var(--size-base-4x);
    --color-content-neutral-primary: var(--color-base-neutral-800);
    --color-content-neutral-secondary: var(--color-base-neutral-600);
    --color-content-neutral-tertiary: var(--color-base-neutral-400);
    --size-space-title-text-sm: var(--size-base-1x);
    --size-space-title-body-md: var(--size-base-10x);
    --size-margin-light-primary: var(--size-base-22x);
    --color-content-title: var(--color-base-primary-500);
    --size-base-22x: 96px;
    --size-base-28x: 112px;
    --size-space-gutter-xl: var(--size-base-4x);
    --size-padding-block-colum: 112px;
    --size-space-icon-text-lg: var(--size-base-6x);
    --size-space-block-marker: var(--size-base-6x);


    --size-container: 1328px;
}