/* Entitled Life theme for the Snipcart cart and checkout */

:root {
  /* base */
  --bgColor-default: #F7F2E9;
  --color-default: #2B2019;
  --borderColor-default: #E3D9C8;
  --color-alt: #8A7663;
  --bgColor-alt: #EDE5D6;
  --color-icon: #B99054;
  --bgColor-modal: #F7F2E9;
  --bgColor-modalVeil: rgba(43, 32, 25, 0.55);

  /* links */
  --color-link: #B99054;
  --color-link-hover: #2B2019;
  --color-link-active: #2B2019;
  --color-link-focus: #2B2019;

  /* primary buttons */
  --color-buttonPrimary: #F7F2E9;
  --bgColor-buttonPrimary: #2B2019;
  --borderColor-buttonPrimary: #2B2019;
  --color-buttonPrimary-hover: #2B2019;
  --bgColor-buttonPrimary-hover: #B99054;
  --borderColor-buttonPrimary-hover: #B99054;
  --shadow-buttonPrimary-hover: 0 12px 26px rgba(43, 32, 25, 0.22);
  --color-buttonPrimary-active: #2B2019;
  --bgColor-buttonPrimary-active: #D4B47E;
  --borderColor-buttonPrimary-active: #D4B47E;
  --shadow-buttonPrimary-active: none;
  --color-buttonPrimary-focus: #F7F2E9;
  --bgColor-buttonPrimary-focus: #2B2019;
  --borderColor-buttonPrimary-focus: #B99054;
  --shadow-buttonPrimary-focus: 0 0 0 3px rgba(185, 144, 84, 0.35);
  --color-buttonPrimary-disabled: #8A7663;
  --bgColor-buttonPrimary-disabled: #E3D9C8;
  --borderColor-buttonPrimary-disabled: #E3D9C8;
  --color-buttonPrimary-success: #F7F2E9;
  --bgColor-buttonPrimary-success: #6F8F6A;
  --borderColor-buttonPrimary-success: #6F8F6A;
  --color-buttonPrimary-error: #F7F2E9;
  --bgColor-buttonPrimary-error: #A14D42;
  --borderColor-buttonPrimary-error: #A14D42;

  /* secondary buttons */
  --color-buttonSecondary: #2B2019;
  --bgColor-buttonSecondary: transparent;
  --borderColor-buttonSecondary: #2B2019;
  --color-buttonSecondary-hover: #F7F2E9;
  --bgColor-buttonSecondary-hover: #2B2019;
  --borderColor-buttonSecondary-hover: #2B2019;
  --shadow-buttonSecondary-hover: none;
  --color-buttonSecondary-focus: #2B2019;
  --bgColor-buttonSecondary-focus: transparent;
  --borderColor-buttonSecondary-focus: #B99054;
  --shadow-buttonSecondary-focus: 0 0 0 3px rgba(185, 144, 84, 0.35);

  /* danger (remove item) */
  --color-buttonDanger: #7A524B;
  --bgColor-buttonDanger: transparent;
  --borderColor-buttonDanger: #C98E86;
  --color-buttonDanger-hover: #F7F2E9;
  --bgColor-buttonDanger-hover: #C98E86;
  --borderColor-buttonDanger-hover: #C98E86;

  /* badges and states */
  --color-badge: #2B2019;
  --bgColor-badge: #EBCFC9;
  --borderColor-badge: #EBCFC9;
  --color-badge-active: #2B2019;
  --bgColor-badge-active: #C98E86;
  --borderColor-badge-active: #C98E86;
  --color-success: #4F6D4A;
  --bgColor-success: #E7EFE4;
  --color-error: #A14D42;
  --borderColor-error: #A14D42;
  --bgColor-error: #F6E4E0;
  --bgColor-info: #EBCFC9;

  /* inputs */
  --color-input: #2B2019;
  --bgColor-input: #FFFDF8;
  --borderColor-input: #D8CCB8;
  --borderColor-input-hover: #B99054;
  --borderColor-input-focus: #B99054;
  --color-inputLabel: #8A7663;
}

/* brand type inside the cart */
#snipcart,
#snipcart input,
#snipcart button,
#snipcart select,
#snipcart textarea {
  font-family: "Inter", -apple-system, BlinkMacSystemFont, sans-serif;
}