$colorPrimary1: #101010 !default;
$colorPrimary2: #F0F0F0 !default;
$colorContentBackground: #FFFFFF !default;

$colorNeutral1: #232529 !default;
$colorNeutral2: #A2D6F6 !default;
$colorNeutral3: #F8F8F8 !default;
$colorNeutral4: #8395A0 !default;
$colorNeutral5: #B9D0DE !default;

$colorDanger: #FAD5DB !default;
$colorDangerBorder: #FAD5DB !default;
$colorDangerFont: #B11835 !default;

$colorWarning: #FFF3CD !default;
$colorWarningBorder: #FFF3CD !default;
$colorWarningFont: #896A06 !default;

$colorSuccess: #D8FEC9 !default;
$colorSuccessBorder: #D8FEC9 !default;
$colorSuccessFont: #117E61 !default;

$colorInfo: #DBFAFF !default;
$colorInfoBorder: #DBFAFF !default;
$colorInfoFont: #227796 !default;

$colorButtonPrimary: #4A47FF !default;
$colorButtonPrimaryBorder: #4A47FF !default;
$colorButtonPrimaryFont: #FFFFFF !default;
$colorButtonPrimaryHover: #1920D0 !default;
$colorButtonPrimaryHoverBorder: #1920D0 !default;
$colorButtonPrimaryHoverFont: #FFFFFF !default;
$colorButtonPrimaryDisabled: #AEC0FB !default;
$colorButtonPrimaryDisabledBorder: #AEC0FB !default;
$colorButtonPrimaryDisabledFont: #FFFFFF !default;
$colorButtonPrimaryActive: #1920D0 !default;
$colorButtonPrimaryActiveBorder: #1920D0 !default;
$colorButtonPrimaryActiveFont: #FFFFFF !default;

$colorButtonSecondary: #667985 !default;
$colorButtonSecondaryBorder: #667985 !default;
$colorButtonSecondaryFont: #FFFFFF !default;
$colorButtonSecondaryHover: #576470 !default;
$colorButtonSecondaryHoverBorder: #576470 !default;
$colorButtonSecondaryHoverFont: #FFFFFF !default;
$colorButtonSecondaryDisabled: #ACB4B9 !default;
$colorButtonSecondaryDisabledBorder: #ACB4B9 !default;
$colorButtonSecondaryDisabledFont: #FFFFFF !default;
$colorButtonSecondaryActive: #576470 !default;
$colorButtonSecondaryActiveBorder: #576470 !default;
$colorButtonSecondaryActiveFont: #FFFFFF !default;

$colorButtonCart: #3B66F7 !default;
$colorButtonCartBorder: #3B66F7 !default;
$colorButtonCartFont: #FFFFFF !default;
$colorButtonCartHover: #17397E !default;
$colorButtonCartHoverBorder: #17397E !default;
$colorButtonCartHoverFont: #FFFFFF !default;
$colorButtonCartDisabled: #AEC0FB !default;
$colorButtonCartDisabledBorder:#AEC0FB !default;
$colorButtonCartDisabledFont: #FFFFFF !default;
$colorButtonCartActive: #17397E !default;
$colorButtonCartActiveBorder: #17397E !default;
$colorButtonCartActiveFont: #FFFFFF !default;

$colorButtonCheckout: #1D8649 !default;
$colorButtonCheckoutBorder: #1D8649 !default;
$colorButtonCheckoutFont: #FFFFFF !default;
$colorButtonCheckoutHover: #176D3B !default;
$colorButtonCheckoutHoverBorder: #176D3B !default;
$colorButtonCheckoutHoverFont: #FFFFFF !default;
$colorButtonCheckoutDisabled: #CEF4DE !default;
$colorButtonCheckoutDisabledBorder: #CEF4DE !default;
$colorButtonCheckoutDisabledFont: #FFFFFF !default;
$colorButtonCheckoutActive: #176D3B !default;
$colorButtonCheckoutActiveBorder: #176D3B !default;
$colorButtonCheckoutActiveFont: #FFFFFF !default;

$colorLink: inherit !default;
$colorLinkHover: #E03100 !default;
$colorLinkVisited: inherit !default;
$colorLinkActive: #E03100 !default;

$colorRibbon1: #EEB701 !default;
$colorRibbonBorder1: #EEB701 !default;
$colorRibbonFont1: #181819 !default;
$colorRibbon2: #E22822 !default;
$colorRibbonBorder2: #E22822 !default;
$colorRibbonFont2: #FFFFFF !default;
$colorRibbon3: #1D8649 !default;
$colorRibbonBorder3: #1D8649 !default;
$colorRibbonFont3: #FFFFFF !default;
$colorRibbon4: #EBEBEB !default;
$colorRibbonBorder4: #EBEBEB !default;
$colorRibbonFont4: #181819 !default;
$colorRibbon5: #EBEBEB !default;
$colorRibbonBorder5: #EBEBEB !default;
$colorRibbonFont5: #181819 !default;
$colorRibbon6: #EBEBEB !default;
$colorRibbonBorder6: #EBEBEB !default;
$colorRibbonFont6: #181819 !default;
$colorRibbon7: #EBEBEB !default;
$colorRibbonBorder7: #EBEBEB !default;
$colorRibbonFont7: #181819 !default;
$colorRibbon8: #1D8649 !default;
$colorRibbonBorder8: #1D8649 !default;
$colorRibbonFont8: #FFFFFF !default;
$colorRibbon9: #EBEBEB !default;
$colorRibbonBorder9: #EBEBEB !default;
$colorRibbonFont9: #181819 !default;

$colorFontDark: #181819 !default;
$colorFontLight: #F5F5F5 !default;
$colorFontMutedDark: #4B5962 !default; /* Has enough contrast on white neutral 2, 3 and 5, but not primary 1, neutral 1 and 4 (4 is the same as font-muted, so that should never clash anyway) */
$colorFontMutedLight: #8395A0 !default; /* The former color font muted, has enought contrast on primary 1 and neutral 1, but not neutral 2,3 and 5 */
$colorFontMuted: $colorFontMutedDark !default;
$colorFontSpecialPrice: #E22822 !default;

$colorRatings: #B88D00 !default;

$colorBoxShadow: rgba(0, 0, 0, 0.16) !default;
$colorBackdrop: rgba(0,0,0,0.5) !default;

$colorActive: #2953DE !default;


$etImportForCrit: false !default;

@if $etImportForCrit == true {
  :root {
    --et-color-colorPrimary1: #{$colorPrimary1};
    --et-color-colorPrimary2: #{$colorPrimary2};
    --et-color-colorContentBackground: #{$colorContentBackground};
    --et-color-colorNeutral1: #{$colorNeutral1};
    --et-color-colorNeutral2: #{$colorNeutral2};
    --et-color-colorNeutral3: #{$colorNeutral3};
    --et-color-colorNeutral4: #{$colorNeutral4};
    --et-color-colorNeutral5: #{$colorNeutral5};
    --et-color-colorDanger: #{$colorDanger};
    --et-color-colorDangerBorder: #{$colorDangerBorder};
    --et-color-colorDangerFont: #{$colorDangerFont};
    --et-color-colorWarning: #{$colorWarning};
    --et-color-colorWarningBorder: #{$colorWarningBorder};
    --et-color-colorWarningFont: #{$colorWarningFont};
    --et-color-colorSuccess: #{$colorSuccess};
    --et-color-colorSuccessBorder: #{$colorSuccessBorder};
    --et-color-colorSuccessFont: #{$colorSuccessFont};
    --et-color-colorInfo: #{$colorInfo};
    --et-color-colorInfoBorder: #{$colorInfoBorder};
    --et-color-colorInfoFont: #{$colorInfoFont};
    --et-color-colorButtonPrimary: #{$colorButtonPrimary};
    --et-color-colorButtonPrimaryBorder: #{$colorButtonPrimaryBorder};
    --et-color-colorButtonPrimaryFont: #{$colorButtonPrimaryFont};
    --et-color-colorButtonPrimaryHover: #{$colorButtonPrimaryHover};
    --et-color-colorButtonPrimaryHoverBorder: #{$colorButtonPrimaryHoverBorder};
    --et-color-colorButtonPrimaryHoverFont: #{$colorButtonPrimaryHoverFont};
    --et-color-colorButtonPrimaryDisabled: #{$colorButtonPrimaryDisabled};
    --et-color-colorButtonPrimaryDisabledBorder: #{$colorButtonPrimaryDisabledBorder};
    --et-color-colorButtonPrimaryDisabledFont: #{$colorButtonPrimaryDisabledFont};
    --et-color-colorButtonPrimaryActive: #{$colorButtonPrimaryActive};
    --et-color-colorButtonPrimaryActiveBorder: #{$colorButtonPrimaryActiveBorder};
    --et-color-colorButtonPrimaryActiveFont: #{$colorButtonPrimaryActiveFont};
    --et-color-colorButtonSecondary: #{$colorButtonSecondary};
    --et-color-colorButtonSecondaryBorder: #{$colorButtonSecondaryBorder};
    --et-color-colorButtonSecondaryFont: #{$colorButtonSecondaryFont};
    --et-color-colorButtonSecondaryHover: #{$colorButtonSecondaryHover};
    --et-color-colorButtonSecondaryHoverBorder: #{$colorButtonSecondaryHoverBorder};
    --et-color-colorButtonSecondaryHoverFont: #{$colorButtonSecondaryHoverFont};
    --et-color-colorButtonSecondaryDisabled: #{$colorButtonSecondaryDisabled};
    --et-color-colorButtonSecondaryDisabledBorder: #{$colorButtonSecondaryDisabledBorder};
    --et-color-colorButtonSecondaryDisabledFont: #{$colorButtonSecondaryDisabledFont};
    --et-color-colorButtonSecondaryActive: #{$colorButtonSecondaryActive};
    --et-color-colorButtonSecondaryActiveBorder: #{$colorButtonSecondaryActiveBorder};
    --et-color-colorButtonSecondaryActiveFont: #{$colorButtonSecondaryActiveFont};
    --et-color-colorButtonCart: #{$colorButtonCart};
    --et-color-colorButtonCartBorder: #{$colorButtonCartBorder};
    --et-color-colorButtonCartFont: #{$colorButtonCartFont};
    --et-color-colorButtonCartHover: #{$colorButtonCartHover};
    --et-color-colorButtonCartHoverBorder: #{$colorButtonCartHoverBorder};
    --et-color-colorButtonCartHoverFont: #{$colorButtonCartHoverFont};
    --et-color-colorButtonCartDisabled: #{$colorButtonCartDisabled};
    --et-color-colorButtonCartDisabledBorder: #{$colorButtonCartDisabledBorder};
    --et-color-colorButtonCartDisabledFont: #{$colorButtonCartDisabledFont};
    --et-color-colorButtonCartActive: #{$colorButtonCartActive};
    --et-color-colorButtonCartActiveBorder: #{$colorButtonCartActiveBorder};
    --et-color-colorButtonCartActiveFont: #{$colorButtonCartActiveFont};
    --et-color-colorButtonCheckout: #{$colorButtonCheckout};
    --et-color-colorButtonCheckoutBorder: #{$colorButtonCheckoutBorder};
    --et-color-colorButtonCheckoutFont: #{$colorButtonCheckoutFont};
    --et-color-colorButtonCheckoutHover: #{$colorButtonCheckoutHover};
    --et-color-colorButtonCheckoutHoverBorder: #{$colorButtonCheckoutHoverBorder};
    --et-color-colorButtonCheckoutHoverFont: #{$colorButtonCheckoutHoverFont};
    --et-color-colorButtonCheckoutDisabled: #{$colorButtonCheckoutDisabled};
    --et-color-colorButtonCheckoutDisabledBorder: #{$colorButtonCheckoutDisabledBorder};
    --et-color-colorButtonCheckoutDisabledFont: #{$colorButtonCheckoutDisabledFont};
    --et-color-colorButtonCheckoutActive: #{$colorButtonCheckoutActive};
    --et-color-colorButtonCheckoutActiveBorder: #{$colorButtonCheckoutActiveBorder};
    --et-color-colorButtonCheckoutActiveFont: #{$colorButtonCheckoutActiveFont};
    --et-color-colorLink: #{$colorLink};
    --et-color-colorLinkHover: #{$colorLinkHover};
    --et-color-colorLinkVisited: #{$colorLinkVisited};
    --et-color-colorLinkActive: #{$colorLinkActive};
    --et-color-colorRibbon1: #{$colorRibbon1};
    --et-color-colorRibbonBorder1: #{$colorRibbonBorder1};
    --et-color-colorRibbonFont1: #{$colorRibbonFont1};
    --et-color-colorRibbon2: #{$colorRibbon2};
    --et-color-colorRibbonBorder2: #{$colorRibbonBorder2};
    --et-color-colorRibbonFont2: #{$colorRibbonFont2};
    --et-color-colorRibbon3: #{$colorRibbon3};
    --et-color-colorRibbonBorder3: #{$colorRibbonBorder3};
    --et-color-colorRibbonFont3: #{$colorRibbonFont3};
    --et-color-colorRibbon4: #{$colorRibbon4};
    --et-color-colorRibbonBorder4: #{$colorRibbonBorder4};
    --et-color-colorRibbonFont4: #{$colorRibbonFont4};
    --et-color-colorRibbon5: #{$colorRibbon5};
    --et-color-colorRibbonBorder5: #{$colorRibbonBorder5};
    --et-color-colorRibbonFont5: #{$colorRibbonFont5};
    --et-color-colorRibbon6: #{$colorRibbon6};
    --et-color-colorRibbonBorder6: #{$colorRibbonBorder6};
    --et-color-colorRibbonFont6: #{$colorRibbonFont6};
    --et-color-colorRibbon7: #{$colorRibbon7};
    --et-color-colorRibbonBorder7: #{$colorRibbonBorder7};
    --et-color-colorRibbonFont7: #{$colorRibbonFont7};
    --et-color-colorRibbon8: #{$colorRibbon8};
    --et-color-colorRibbonBorder8: #{$colorRibbonBorder8};
    --et-color-colorRibbonFont8: #{$colorRibbonFont8};
    --et-color-colorRibbon9: #{$colorRibbon9};
    --et-color-colorRibbonBorder9: #{$colorRibbonBorder9};
    --et-color-colorRibbonFont9: #{$colorRibbonFont9};
    --et-color-colorFontDark: #{$colorFontDark};
    --et-color-colorFontLight: #{$colorFontLight};
    --et-color-colorFontMuted: #{$colorFontMuted};
    --et-color-colorFontSpecialPrice: #{$colorFontSpecialPrice};
    --et-color-colorRatings: #{$colorRatings};
    --et-color-colorBoxShadow: #{$colorBoxShadow};
    --et-color-colorBackdrop: #{$colorBackdrop};
    --et-color-colorActive: #{$colorActive};
  }
}