#snipcart {
    /* ----------------- 
        Colors
    ----------------- */
    --color-default: #ffffff;
    --color-alt: #D9D9D9;
    --color-icon: #157F90;
    --color-success: #C8DFDF;
    --color-error: #E3000B;

    --color-link: #157F90;
    --color-link-hover: #0C9191;
    --color-link-active: var(--color-link);
    --color-link-focus: var(--color-link);

    --color-input: var(--color-default);
    --color-input-hover: var(--color-input);
    --color-input-focus: var(--color-input);
    --color-input-checked: var(--color-input);
    --color-input-disabled: var(--color-alt);
    --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: var(--color-default);
    --color-buttonPrimary-hover: #ffffff;
    --color-buttonPrimary-active: var(--color-buttonPrimary);
    --color-buttonPrimary-focus: var(--color-buttonPrimary);
    --color-buttonPrimary-disabled: var(--color-alt);
    --color-buttonPrimary-success: var(--color-buttonPrimary);
    --color-buttonPrimary-error: var(--color-buttonPrimary);

    --color-buttonSecondary: #ffffff;
    --color-buttonSecondary-hover: rgba(255,255,255,.75);
    --color-buttonSecondary-active: var(--color-buttonSecondary);
    --color-buttonSecondary-focus: var(--color-buttonSecondary);
    --color-buttonSecondary-disabled: #343434;
    --color-buttonSecondary-success: var(--color-success);
    --color-buttonSecondary-error: var(--color-error);

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

    --color-badge: #ffffff;
    --color-badge-active: #ffffff;
    --color-badge-disabled: var(--color-alt);

    /* ----------------- 
        Border colors
    ----------------- */
    --borderColor-default: rgba(255,255,255,.75);
    --borderColor-error: #cc000a;

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

    --borderColor-input: #343434;
    --borderColor-input-hover: #848484;
    --borderColor-input-focus: var(--borderColor-input-hover);
    --borderColor-input-checked: var(--borderColor-input-hover);
    --borderColor-input-disabled: #343434;
    --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: #343434;
    --bgColor-alt: #000000;
    --bgColor-success: #C8DFDF;
    --bgColor-error: #E3000B;
    --bgColor-info: #848484;

    --bgColor-modal: #343434;
    --bgColor-modalVeil: rgba(18, 18, 18, 0.75);

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

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

    --bgColor-buttonPrimary: #157F90;
    --bgColor-buttonPrimary-hover: #0C9191;
    --bgColor-buttonPrimary-active: var(--bgColor-buttonPrimary);
    --bgColor-buttonPrimary-focus: var(--bgColor-buttonPrimary);
    --bgColor-buttonPrimary-disabled: #343434;
    --bgColor-buttonPrimary-success: #0C9191;
    --bgColor-buttonPrimary-error: #cc000a;

    --bgColor-buttonSecondary: #157F90;
    --bgColor-buttonSecondary-hover: #0C9191;
    --bgColor-buttonSecondary-active: var(--bgColor-buttonSecondary);
    --bgColor-buttonSecondary-focus: var(--bgColor-buttonSecondary);
    --bgColor-buttonSecondary-disabled: #343434;
    --bgColor-buttonSecondary-success: var(--bgColor-success);
    --bgColor-buttonSecondary-error: var(--bgColor-error);

    --bgColor-buttonDanger: #848484;
    --bgColor-buttonDanger-hover: #0C9191;
    --bgColor-buttonDanger-active: var(--bgColor-buttonDanger);
    --bgColor-buttonDanger-focus: var(--bgColor-buttonDanger);
    --bgColor-buttonDanger-disabled: #343434;
    --bgColor-buttonDanger-success: #157F90;
    --bgColor-buttonDanger-error: #cc000a;

    --bgColor-badge: #157F90;
    --bgColor-badge-active: #157F90;
    --bgColor-badge-disabled: #848484;

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

    --shadow-default: none;
    --shadow-tooltip: none;

    --shadow-link-focus: none;

    --shadow-input-hover: none;
    --shadow-input-focus: none;
    --shadow-input-checked: none;

    --shadow-buttonPrimary-hover: none;
    --shadow-buttonPrimary-active: none;
    --shadow-buttonPrimary-focus: none;

    --shadow-buttonSecondary-hover: none;
    --shadow-buttonSecondary-active: none;
    --shadow-buttonSecondary-focus: none;

    --shadow-buttonDanger-hover: none;
    --shadow-buttonDanger-active: none;
    --shadow-buttonDanger-focus: none;
}

.snipcart { font-family: "Frutiger", sans-serif; }
.snipcart__font--secondary,
.snipcart__font--subtitle,
.snipcart__font--subtitle-small,
.snipcart-base-button__label { font-family: "Campton", sans-serif; }

.snipcart-base-button { border-radius: 0; }
.snipcart-order__box { border-bottom: 1px solid #fff; }
.snipcart-order__box__header { background: #000; border-bottom: none; }
.snipcart-payment-card-form { background: rgba(255,255,255,.8) !important; padding: 1rem 2rem; }