:root{--primaryLightestColor:hsl(47, 100%, 96%);--primaryLighterColor:hsl(47, 100%, 90%);--primaryLightColor:hsl(47, 100%, 65%);--primaryColor:hsl(47, 100%, 50%);--primaryDarkColor:hsl(47, 100%, 32%);--primaryDarkerColor:hsl(47, 100%, 23%);--primaryDarkestColor:hsl(47, 100%, 10%);--secondaryLightestColor:hsl(0, 0%, 93%);--secondaryLighterColor:hsl(0, 0%, 73%);--secondaryLightColor:hsl(0, 0%, 46%);--secondaryColor:hsl(0, 0%, 16%);--secondaryDarkColor:hsl(0, 0%, 15%);--secondaryDarkerColor:hsl(0, 0%, 7%);--secondaryDarkestColor:hsl(0, 0%, 0%);--shadeLightestColor:hsl(220, 40%, 98%);--shadeLighterColor:hsl(0, 0%, 87%);--shadeLightColor:hsl(220, 40%, 96%);--shadeColor:hsl(220, 30%, 91%);--shadeDarkColor:hsl(220, 10%, 27%);--shadeDarkerColor:hsl(220, 15%, 16%);--shadeDarkestColor:hsl(220, 18%, 13%);--errorLightestColor:hsl(355, 86%, 97%);--errorLightColor:hsl(355, 86%, 97%);--errorColor:hsl(357, 91%, 55%);--errorDarkColor:hsl(355, 67%, 44%);--errorDarkerColor:hsl(355, 70%, 35%);--successLightColor:hsl(160, 81%, 96%);--successColor:hsl(160, 89%, 28%);--successDarkColor:hsl(160, 94%, 23%);--successDarkerColor:hsl(160, 88%, 20%);--infoLightColor:hsl(216, 100%, 69%);--infoColor:hsl(216, 100%, 94%);--infoDarkColor:hsl(216, 100%, 69%);--infoDarkerColor:hsl(216, 100%, 69%);--warningLightColor:hsl(40, 100%, 96%);--warningColor:hsl(30, 90%, 37%);--warningDarkColor:hsl(30, 82%, 32%);--warningDarkerColor:hsl(30, 82%, 28%);--neutralBlackColor:hsl(0, 0%, 0%);--neutralWhiteColor:hsl(0, 0%, 100%);--transparent:transparent;--bodyBgColor:var(--neutralWhiteColor);--bodyTextColor:var(--secondaryColor);--btnPrimaryBgColor:var(--primaryColor);--btnPrimaryBgHoverColor:var(--primaryLightColor);--btnPrimaryBgActiveColor:var(--primaryLighterColor);--btnSecondaryBorderColor:var(--secondaryColor);--btnSecondaryBorderHoverColor:var(--secondaryDarkerColor);--btnSecondaryBgColor:var(--secondaryColor);--btnSecondaryBgHoverColor:var(--secondaryDarkerColor);--btnSecondaryBgActiveColor:var(--secondaryColor);--btnSecondaryTextColor:var(--neutralWhiteColor);--btnSecondaryTextHoverColor:var(--neutralWhiteColor);--btnTextColor:var(--secondaryColor);--labelSuccessBgColor:var(--successColor);--labelSuccessTextColor:var(--neutralWhiteColor);--labelErrorBgColor:var(--errorColor);--labelErrorTextColor:var(--neutralWhiteColor);--labelWarningBgColor:var(--warningColor);--labelWarningTextColor:var(--neutralWhiteColor);--labelInfoBgColor:var(--shadeColor);--labelInfoTextColor:var(--shadeDarkestColor);--linkColor:var(--secondaryColor);--linkHoverColor:var(--secondaryDarkerColor);--navBarBgColor:var(--neutralWhiteColor);--navLevel1BgHoverColor:var(--transparent);--navLevel1TextActiveColor:var(--neutralBlackColor);--navLevel1BgActiveColor:var(--primaryColor);--navLevel1TextColor:var(--secondaryColor);--navLevel1TextHoverColor:var(--secondaryDarkerColor);--navLevel2BgColor:var(--neutralWhiteColor);--navLevel2BgHoverColor:var(--secondaryLightestColor);--navLevel2BgActiveColor:var(--secondaryLightestColor);--navLevel2TextColor:var(--secondaryColor);--navLevel2TextHoverColor:var(--secondaryColor);--navLevel3TextColor:var(--secondaryColor);--navLevel3TextHoverColor:var(--secondaryColor);--navSortimentBgHoverColor:var(--primaryLightColor);--mainHeaderBgColor:transparent;--hamburgerMenuTitleColor:var(--shadeColor);--hamburgerColor:var(--shadeDarkColor);--inputBorderColor:#bababa;--inputBgColor:var(--neutralWhiteColor);--inputTextColor:var(--shadeDarkerColor);--formElms:var(--neutralBlackColor);--footerTitleColor:var(--bodyTextColor);--footerTextColor:var(--bodyTextColor);--footerLinkColor:var(--shadeDarkestColor);--footerBgColor:var(--secondaryLightestColor);--footerSubLinkColor:var(--neutralWhiteColor);--footerSubLinkHoverColor:var(--shadeColor);--footerSubTextColor:var(--neutralWhiteColor);--footerSubBgColor:var(--secondaryColor);--footerCopyTextColor:var(--secondaryLighterColor);--footerCopyLinkColor:var(--secondaryLighterColor);--footerCopyLinkHoverColor:var(--shadeColor);--footerSocialTextColor:var(--secondaryLighterColor);--footerSocialLinkColor:var(--secondaryLighterColor);--footerSocialLinkHoverColor:var(--neutralWhiteColor);--tableCellBg:var(--transparent);--tableCellBorder:var(--shadeLightColor);--space-root:1em;--spacing-0:0;--spacing-1px:1px;--spacing-1:calc( var(--space-root) * 0.25);--spacing-2:calc( var(--space-root) * 0.5);--spacing-3:calc( var(--space-root) * 0.75);--spacing-4:var(--space-root);--spacing-5:calc( var(--space-root) * 1.5);--spacing-6:calc( var(--space-root) * 2);--spacing-7:calc( var(--space-root) * 2.5);--spacing-8:calc( var(--space-root) * 3);--spacing-9:calc( var(--space-root) * 5);--spacing-10:calc( var(--space-root) * 8);--spacing-11:calc( var(--space-root) * 10)}