#snipcart {
    /* ----------------- 
        Colors
    ----------------- */
    --color-default: #ED1F24;
    --color-alt: #ED1F24;
    --color-icon: #ED1F24;
    --color-success: #ED1F24;
    --color-error: #ED1F24;

    --color-link: #ED1F24;
    --color-link-hover: #ED1F24;
    --color-link-active: #ED1F24;
    --color-link-focus: #ED1F24;

    --color-input: #ED1F24;
    --color-input-hover: #ED1F24;
    --color-input-focus: #ED1F24;
    --color-input-checked:  #ED1F24;
    --color-input-disabled:  #ED1F24;
    --color-input-error: var(--color-error);
    --color-inputLabel: var(--color-default);
    --color-inputLabel-hover: var(--color-inputLabel);
    --color-inputLabel-focus: var(--color-inputLabel);
    --color-inputIcon: var(--color-alt);
    --color-inputIcon-hover: var(--color-default);
    --color-inputIcon-focus: var(--color-inputIcon);
    --color-inputIcon-checked: var(--color-default);
    --color-inputIcon-error: var(--color-error);
    --color-inputPlaceholder: var(--color-alt);

    --color-buttonPrimary: #ED1F24;
    --color-buttonPrimary-hover:  #ED1F24;
    --color-buttonPrimary-active: #ED1F24;
    --color-buttonPrimary-focus: #ED1F24;
    --color-buttonPrimary-disabled: #ED1F24;
    --color-buttonPrimary-success: #ED1F24;
    --color-buttonPrimary-error: #ED1F24;

    --color-buttonSecondary: #ED1F24;
    --color-buttonSecondary-hover:  #ED1F24;
    --color-buttonSecondary-active: #ED1F24;
    --color-buttonSecondary-focus: #ED1F24;
    --color-buttonSecondary-disabled:  #ED1F24;
    --color-buttonSecondary-success: #ED1F24;
    --color-buttonSecondary-error: #ED1F24;

    --color-buttonDanger: #ED1F24;
    --color-buttonDanger-hover:  #ED1F24;
    --color-buttonDanger-active: var(--color-buttonDanger);
    --color-buttonDanger-focus: var(--color-buttonDanger);
    --color-buttonDanger-disabled:  #ED1F24;
    --color-buttonDanger-success: var(--color-default);
    --color-buttonDanger-error: var(--color-default);

    --color-badge: var(--color-link);
    --color-badge-active: var(--color-link);
    --color-badge-disabled: var(--color-alt);

    /* ----------------- 
        Border colors
    ----------------- */
    --borderColor-default: hsla(0, 0%, 100%, 10%);
    --borderColor-error: hsl(6, 55%, 30%);

    --borderColor-link: currentColor;
    --borderColor-link-hover: currentColor;
    --borderColor-link-active: currentColor;
    --borderColor-link-focus: currentColor;

    --borderColor-input: hsla(0, 0%, 100%, 10%);
    --borderColor-input-hover: hsl(200, 90%, 40%);
    --borderColor-input-focus: var(--borderColor-input-hover);
    --borderColor-input-checked: var(--borderColor-input-hover);
    --borderColor-input-disabled: hsl(210, 10%, 20%);
    --borderColor-input-error: var(--borderColor-error);

    --borderColor-buttonPrimary: transparent;
    --borderColor-buttonPrimary-hover: transparent;
    --borderColor-buttonPrimary-focus: transparent;
    --borderColor-buttonPrimary-disabled: transparent;
    --borderColor-buttonPrimary-success: transparent;
    --borderColor-buttonPrimary-error: transparent;

    --borderColor-buttonSecondary: transparent;
    --borderColor-buttonSecondary-hover: transparent;
    --borderColor-buttonSecondary-focus: transparent;
    --borderColor-buttonSecondary-disabled: transparent;
    --borderColor-buttonSecondary-success: transparent;
    --borderColor-buttonSecondary-error: transparent;

    --borderColor-badge: transparent;
    --borderColor-badge-active: transparent;
    --borderColor-badge-disabled: transparent;

    /* ----------------- 
        Background colors
    ----------------- */
    --bgColor-default: #000;
    --bgColor-alt: #000;
    --bgColor-success: #000;
    --bgColor-error: #000;
    --bgColor-info: #000;

    --bgColor-modal: #000;
    --bgColor-modalVeil: #000;

    --bgColor-link: none;
    --bgColor-link-hover: none;
    --bgColor-link-active: none;
    --bgColor-link-focus: #000;

    --bgColor-input: #000;
    --bgColor-input-hover: var(--bgColor-input);
    --bgColor-input-focus: var(--bgColor-input);
    --bgColor-input-checked: var(--borderColor-input-hover);
    --bgColor-input-disabled: #000;
    --bgColor-input-error: var(--bgColor-input);
    --bgColor-input-autofill:#000;

    --bgColor-buttonPrimary: #000;
    --bgColor-buttonPrimary-hover: #000;
    --bgColor-buttonPrimary-active: var(--bgColor-buttonPrimary);
    --bgColor-buttonPrimary-focus: var(--bgColor-buttonPrimary);
    --bgColor-buttonPrimary-disabled: #000;
    --bgColor-buttonPrimary-success: #000;
    --bgColor-buttonPrimary-error: #000;

    --bgColor-buttonSecondary: var(--bgColor-info);
    --bgColor-buttonSecondary-hover: #000;
    --bgColor-buttonSecondary-active: var(--bgColor-buttonSecondary);
    --bgColor-buttonSecondary-focus: var(--bgColor-buttonSecondary);
    --bgColor-buttonSecondary-disabled: #000;
    --bgColor-buttonSecondary-success: var(--bgColor-success);
    --bgColor-buttonSecondary-error: var(--bgColor-error);

    --bgColor-buttonDanger: var(--bgColor-error);
    --bgColor-buttonDanger-hover: #000;
    --bgColor-buttonDanger-active: var(--bgColor-buttonDanger);
    --bgColor-buttonDanger-focus: var(--bgColor-buttonDanger);
    --bgColor-buttonDanger-disabled: #000;
    --bgColor-buttonDanger-success: #000;
    --bgColor-buttonDanger-error: #000;

    --bgColor-badge: #000;
    --bgColor-badge-active: #000;
    --bgColor-badge-disabled: #000;
}