:root {
    --system-font-family-primary: "Open Sans", system-ui, sans-serif;
    --system-font-family-secondary: var(--system-font-family-primary);
    --system-font-family-code: var(--system-font-family-primary);
    --system-font-size-base: 16px;
    --system-font-size-least: .75rem;
    --system-font-size-small: .875rem;
    --system-font-size-normal: 1rem;
    --system-font-size-medium: 1.125rem;
    --system-font-size-large: 1.5rem;
    --system-font-weight-light: 400;
    --system-font-weight-normal: var(--system-font-weight-light);
    --system-font-weight-medium: 500;
    --system-font-weight-semibold: 600;
    --system-font-weight-bold: var(--system-font-weight-semibold);
    --system-font-weight-extrabold: var(--system-font-weight-semibold);
    /* region Colors */
    --system-color-primary-h: 351deg;
    --system-color-primary-s: 71%;
    --system-color-primary-l: 48%;
    --system-color-primary: hsl(var(--system-color-primary-h), var(--system-color-primary-s), var(--system-color-primary-l));
    --system-color-info-h: 260deg;
    --system-color-info-s: 77%;
    --system-color-info-l: 70%;
    --system-color-info: hsl(var(--system-color-info-h), var(--system-color-info-s), var(--system-color-info-l));
    --system-color-success-h: 152deg;
    --system-color-success-s: 77%;
    --system-color-success-l: 39%;
    --system-color-success: hsl(var(--system-color-success-h), var(--system-color-success-s), var(--system-color-success-l));
    --system-color-warning-h: 34deg;
    --system-color-warning-s: 94%;
    --system-color-warning-l: 50%;
    --system-color-warning: hsl(var(--system-color-warning-h), var(--system-color-warning-s), var(--system-color-warning-l));
    --system-color-danger-h: 4deg;
    --system-color-danger-s: 74%;
    --system-color-danger-l: 49%;
    --system-color-danger: hsl(var(--system-color-danger-h), var(--system-color-danger-s), var(--system-color-danger-l));
    
    /* region Оттенки серого */
    --system-color-white-h: 0;
    --system-color-white-s: 0%;
    --system-color-white-l: 100%;
    --system-color-white: hsl(var(--system-color-white-h), var(--system-color-white-s), var(--system-color-white-l));
    --system-color-black-h: 0;
    --system-color-black-s: 0%;
    --system-color-black-l: 0%;
    --system-color-black: hsl(var(--system-color-black-h), var(--system-color-black-s), var(--system-color-black-l));
    --system-color-gray-25-h: 0;
    --system-color-gray-25-s: 0%;
    --system-color-gray-25-l: 99%;
    --system-color-gray-25: hsl(var(--system-color-gray-25-h), var(--system-color-gray-25-s), var(--system-color-gray-25-l));
    --system-color-gray-50-h: 0;
    --system-color-gray-50-s: 0%;
    --system-color-gray-50-l: 98%;
    --system-color-gray-50: hsl(var(--system-color-gray-50-h), var(--system-color-gray-50-s), var(--system-color-gray-50-l));
    --system-color-gray-100-h: 0;
    --system-color-gray-100-s: 0%;
    --system-color-gray-100-l: 96%;
    --system-color-gray-100: hsla(var(--system-color-gray-100-h), var(--system-color-gray-100-s), var(--system-color-gray-100-l));
    --system-color-gray-200-h: 220;
    --system-color-gray-200-s: 5%;
    --system-color-gray-200-l: 92%;
    --system-color-gray-200: hsla(var(--system-color-gray-200-h), var(--system-color-gray-200-s), var(--system-color-gray-200-l));
    --system-color-gray-300-h: 220;
    --system-color-gray-300-s: 6%;
    --system-color-gray-300-l: 85%;
    --system-color-gray-300: hsla(var(--system-color-gray-300-h), var(--system-color-gray-300-s), var(--system-color-gray-300-l));
    --system-color-gray-400-h: 220;
    --system-color-gray-400-s: 6%;
    --system-color-gray-400-l: 66%;
    --system-color-gray-400: hsla(var(--system-color-gray-400-h), var(--system-color-gray-400-s), var(--system-color-gray-400-l));
    --system-color-gray-500-h: 220;
    --system-color-gray-500-s: 6%;
    --system-color-gray-500-l: 47%;
    --system-color-gray-500: hsla(var(--system-color-gray-500-h), var(--system-color-gray-500-s), var(--system-color-gray-500-l));
    --system-color-gray-600-h: 220;
    --system-color-gray-600-s: 8%;
    --system-color-gray-600-l: 35%;
    --system-color-gray-600: hsla(var(--system-color-gray-600-h), var(--system-color-gray-600-s), var(--system-color-gray-600-l));
    --system-color-gray-700-h: 220;
    --system-color-gray-700-s: 11%;
    --system-color-gray-700-l: 29%;
    --system-color-gray-700: hsla(var(--system-color-gray-700-h), var(--system-color-gray-700-s), var(--system-color-gray-700-l));
    --system-color-gray-900-h: 220;
    --system-color-gray-900-s: 24%;
    --system-color-gray-900-l: 12%;
    --system-color-gray-900: hsla(var(--system-color-gray-900-h), var(--system-color-gray-900-s), var(--system-color-gray-900-l));
    /* endregion Оттенки серого */
    --system-color-scheme-h: 0;
    --system-color-scheme-s: 0%;
    --system-color-light-l: 100%;
    --system-color-light-invert-l: 0%;
    --system-color-dark-l: 0%;
    --system-color-dark-invert-l: 100%;
    --system-color-hover-background-primary-l-delta: -5%;
    --system-color-hover-background-white-l-delta: -2%;
    --system-link-primary-color-l-delta: 0%;
    /* endregion Colors */

    /* region Базовые размеры */
    --system-page-min-width: 1280px;
    --system-border-width: 1px;
    --system-border-color-weak: var(--system-color-gray-200);
    --system-border-color: var(--system-color-gray-300);
    --system-base-block-spacing: 1rem;
    --system-border-radius-small: .375rem;
    --system-border-radius: .5rem;
    --system-border-radius-large: .75rem;
    --system-control-height: 2.75rem;
    --system-control-compressed-height: 2.5rem;
    --system-block-padding: 1rem;
    --system-block-large-padding: 1.5rem;
    --system-block-greatest-padding: 2rem;
    --system-control-padding-vertical: .625rem;
    --system-control-padding-horizontal: 1rem;
    --system-menu-width: 18.5rem;
    --system-menu-item-height: 2.5rem;
    --system-menu-item-icon-margin: .625rem;
    --system-icon-dimensions: 1.25rem;
    --system-icon-dimensions-small: .875rem;
    --system-icon-dimensions-medium: 1.5rem;
    --system-icon-dimensions-large: 1.875rem;
    --system-controls-focus-offset: 2px;
    --system-controls-focus-width: 2px;
    --system-status-label-height: 1.375rem;
    --system-status-label-padding-horizontal: .5rem;
    --system-list-pagination-height: 2.5rem;
    --system-section-header-height: 5rem;
    --system-list-controls-height: 4rem;
    --system-list-controls-padding-horizontal: 1.5rem;
    --system-list-controls-gap: 1.5rem;
    --system-list-controls-actions-max-height: 2.5rem;
    --system-block-gap: 1.5rem;
    --system-input-spacing: .375rem;
    --system-breadcrumb-padding-vertical: .25rem;
    --system-breadcrumb-padding-horizontal: .5em;
    --system-breadcrumb-gap: .25rem;
    --system-detalied-line-min-height: 2.25rem;
    --system-detalied-line-title-width: 17.5rem;
    --system-auth-form-width: 22.5rem;
    --system-auth-form-two-factor-width: 26.5rem;
    --system-auth-form-logo-height: 19.5rem;
    /* endregion Базовые размеры */

    /* region Header */
    --system-header-height: 5.5rem;
    --system-header-padding-horizontal: 2rem;
    --system-header-padding-vertical: .5rem;
    --system-header-logo-height: 3.75rem;
    --system-header-logo-width: 8.438rem;
    --system-header-actions-height: 2.5rem;
    /* endregion Header */
}