html{
    --fontSizeBiggest: 34px;
    --fontSizeSecondBiggest: 26px;
    --fontSizeThirdBiggest: 22px;
    --fontSizeFourthBiggest: 20px;
    --fontSizeBigger: 16px;
    --fontSizeStandard: 14px;
    --fontSizeSubStandard: 14px;
    --fontSizeSmall: 12px;
    --borderRadiusStandardBox: 0.75rem;
    --borderRadiusMinimalBox: 0.75rem;
    --borderRadiusStandardButton: 0.75rem;
    --colorWhite: #ffffff;
    --colorText: #1A202C;
    --colorTextPale: rgba(26, 32, 44, .5);
    --colorTextNotSoPale: rgba(26, 32, 44, .7);
    --colorTextOnMuted: #f7f8fa;
    --colorTextNotifications: #595d6e;
    --colorPrimary: #46A8DF;
    --colorSuccess: #24A410;
    --colorWarning: #DBA929;
    --colorDanger: #E04242;
    --colorInfo: #167FBA;
    --colorOnAppendedIcon: #718096;
    --colorBorderStandard: #CBD5E0;
    --colorBorderHighlight: #41A7DE;
    --colorBorderInputOnFocus: #46A8DF;
    --colorBackgroundPrimaryButtonHover: #167FBA;
    --colorBackgroundInput: #ffffff;
    --colorBackgroundOnAppendedIcon: #f7f8fa;
    --colorBackgroundPale: rgba(26, 32, 44, .5);
    --colorBackgroundPalest: #f7f8fa;
    --colorBackgroundNotifciationUnread: #f1f1ff;
    --colorBackgroundNotifciationUnreadInteractive: #f7f8fa;
    --colorBackgroundNotificationsToggle: #E2E8F0;
    --fontWeightButton: 600;
    --fontWeightBold: 600;
    --fontWeightSmall: 500;
    &.Smp{
        --layoutWidthLeft: 300px;
        --layoutWidthMid: auto;
        --layoutWidthRight: 300px;
        --layoutHeightTopRow: 88px;
        --layoutHeightBottomRow: 88px;
        --layoutHeightMidRow: calc(100vh - var(--layoutHeightTopRow) - var(--layoutHeightBottomRow));
        --layoutHeightMidRowFullscreen: 100vh;
        --layoutPaddingTopMainContent: calc(42px + 1rem);
        --layoutPaddingTopMainContentMobile: calc(55px - 1rem);
        --fontSizeBiggest: 36px;
        --fontSizeSecondBiggest: 28px;
        --fontSizeThirdBiggest: 24px;
        --fontSizeFourthBiggest: 22px;
        --fontSizeBigger: 18px;
        --fontSizeStandard: 16px;
        --fontSizeSubStandard: 14px;
        --fontSizeSmall: 12px;
        --borderRadiusStandardBox: 20px;
        --borderRadiusMinimalBox: 5px;
        --borderRadiusStandardButton: 1000px;
        --borderRadiusStandardInput: 14px;
        --colorText: #000000;
        --colorTextPale: rgba(0, 0, 0, 0.5);
        --colorTextPaler: rgba(0, 0, 0, 0.3);
        --colorTextOnMuted: #808080;
        --colorPrimary: #04AAE3;
        --colorPrimaryWeak: rgba(4, 170, 227, 0.8);
        --colorSuccess: #24A410;
        --colorWarning: rgba(211, 171, 70, 1);
        --colorDanger: #E53B3B;
        --colorInfo: var(--colorPrimary);
        --colorBorderStandard: #E4E4E4;
        --colorBorderHighlight: #41A7DE;
        --colorBorderInputOnFocus: #46A8DF;
        --colorBackgroundPale: rgba(242, 242, 242, 0.3);
        --colorBackgroundPalest: rgba(248, 248, 248, .5);
        --colorBackgroundHighlight: rgba(4, 170, 227, 0.1);
        --colorBackgroundPrimaryButtonHover: #0384B1;
        --colorBackgroundInput: #f2f2f2;
        --fontWeightButton: 500;
        --fontWeightBold: 600;
    }
}