#snipcart {
    /* ----------------- 
        Colors
    ----------------- */
    --color-default: #8d4313;
    --color-alt: #a85a1f;
    --color-icon: #8d4313;
    --color-success: #388e3c;
    --color-error: #e55722;

    --color-link: #8d4313;
    --color-link-hover: #a85a1f;
    --color-link-active: #8d4313;
    --color-link-focus: #a85a1f;

    --color-input: #8d4313;
    --color-input-hover: #a85a1f;
    --color-input-focus: #8d4313;
    --color-input-checked: #8d4313;
    --color-input-disabled: #e8ddd5;
    --color-input-error: #e55722;
    --color-inputLabel: #8d4313;
    --color-inputLabel-hover: #a85a1f;
    --color-inputLabel-focus: #a85a1f;
    --color-inputIcon: #a85a1f;
    --color-inputIcon-hover: #8d4313;
    --color-inputIcon-focus: #8d4313;
    --color-inputIcon-checked: #8d4313;
    --color-inputIcon-error: #e55722;
    --color-inputPlaceholder: #a85a1f;

    --color-buttonPrimary: #f3eee8;
    --color-buttonPrimary-hover: #faf7f3;
    --color-buttonPrimary-active: #f3eee8;
    --color-buttonPrimary-focus: #f3eee8;
    --color-buttonPrimary-disabled: #e8ddd5;
    --color-buttonPrimary-success: #f3eee8;
    --color-buttonPrimary-error: #f3eee8;

    --color-buttonSecondary: #8d4313;
    --color-buttonSecondary-hover: #a85a1f;
    --color-buttonSecondary-active: #8d4313;
    --color-buttonSecondary-focus: #8d4313;
    --color-buttonSecondary-disabled: #e8ddd5;
    --color-buttonSecondary-success: #388e3c;
    --color-buttonSecondary-error: #e55722;

    --color-buttonDanger: #f3eee8;
    --color-buttonDanger-hover: #faf7f3;
    --color-buttonDanger-active: #e55722;
    --color-buttonDanger-focus: #e55722;
    --color-buttonDanger-disabled: #e8ddd5;
    --color-buttonDanger-success: #faf7f3;
    --color-buttonDanger-error: #faf7f3;

    --color-badge: #f3eee8;   
    --color-badge-active: #faf7f3; 
    --color-badge-disabled: #e8ddd5;

    /* ----------------- 
        Border colors
    ----------------- */
    --borderColor-default: #e8ddd5;
    --borderColor-error: #e55722;

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

    --borderColor-input: #e8ddd5;
    --borderColor-input-hover: #a85a1f;
    --borderColor-input-focus: #a85a1f;
    --borderColor-input-checked: #ff7043;
    --borderColor-input-disabled: #e8ddd5;
    --borderColor-input-error: #e55722;

    --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: #faf7f3;
    --bgColor-alt: #f3eee8;
    --bgColor-success: #e5f9e7;
    --bgColor-error: #fff0ee;
    --bgColor-info: #f9f5e5;

    --bgColor-modal: #faf7f3;
    --bgColor-modalVeil: rgba(141, 67, 19, 0.95);

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

    --bgColor-input: #fff;
    --bgColor-input-hover: #faf7f3;
    --bgColor-input-focus: #faf7f3;
    --bgColor-input-checked: #ff7043;
    --bgColor-input-disabled: #e8ddd5;
    --bgColor-input-error: #fff0ee;
    --bgColor-input-autofill: #ff8a65;

    --bgColor-buttonPrimary: #8d4313;
    --bgColor-buttonPrimary-hover: #a85a1f;
    --bgColor-buttonPrimary-active: #8d4313;
    --bgColor-buttonPrimary-focus: #8d4313;
    --bgColor-buttonPrimary-disabled: #e8ddd5;
    --bgColor-buttonPrimary-success: #388e3c;
    --bgColor-buttonPrimary-error: #e55722;

    --bgColor-buttonSecondary: #faf7f3;
    --bgColor-buttonSecondary-hover: #f3eee8;
    --bgColor-buttonSecondary-active: #faf7f3;
    --bgColor-buttonSecondary-focus: #faf7f3;
    --bgColor-buttonSecondary-disabled: #e8ddd5;
    --bgColor-buttonSecondary-success: #e5f9e7;
    --bgColor-buttonSecondary-error: #fff0ee;

    --bgColor-buttonDanger: #e55722;
    --bgColor-buttonDanger-hover: #ff8a65;
    --bgColor-buttonDanger-active: #e55722;
    --bgColor-buttonDanger-focus: #e55722;
    --bgColor-buttonDanger-disabled: #e8ddd5;
    --bgColor-buttonDanger-success: #faf7f3;
    --bgColor-buttonDanger-error: #faf7f3;

    --bgColor-badge: #ff7043;
    --bgColor-badge-active: #a85a1f;
    --bgColor-badge-disabled: #e8ddd5;

    /* ----------------- 
        Shadows
    ----------------- */

    --shadow-default: 0px 20px 24px -20px rgba(141,67,19,.2);
    --shadow-tooltip: 0px 8px 16px rgba(141,67,19,.3);

    --shadow-link-focus: 0px 6px 4px -3px rgba(255,112,67,.3);

    --shadow-input-hover: none;
    --shadow-input-focus: 0px 5px 10px -3px rgba(255,112,67,.2);
    --shadow-input-checked: none;

    --shadow-buttonPrimary-hover: 0px 10px 4px -8px rgba(141,67,19,.15);
    --shadow-buttonPrimary-active: none;
    --shadow-buttonPrimary-focus: 0px 0px 6px 2px #ff7043;

    --shadow-buttonSecondary-hover: 0px 10px 4px -8px rgba(255,112,67,.15);
    --shadow-buttonSecondary-active: none;
    --shadow-buttonSecondary-focus: 0px 0px 6px 2px #ff7043;

    --shadow-buttonDanger-hover: 0px 10px 4px -8px rgba(229,87,34,.16);
    --shadow-buttonDanger-active: none;
    --shadow-buttonDanger-focus: 0px 0px 6px 2px #e55722;
}

/* Font overrides */
#snipcart, #snipcart * {
  font-family: 'Trebuchet MS', sans-serif !important;
}
#snipcart h1, #snipcart h2, #snipcart .snipcart-modal__header {
  font-family: 'Amarante', serif !important;
}
#snipcart .snipcart-button-primary,
#snipcart .snipcart-button-secondary {
  font-family: 'Lexend', sans-serif !important;
  font-weight: 700;
}