:root {
  /* colors */
  --oti-green: #237435;
  --oti-green-monochromatic-shade: #174d23;
  --oti-green-muted: #e9f1ea;
  --white: #fff;
  /* base */
  --base-line-height: 1.6;
  --base-font-size: 16px;
  --base-font-weight: 400;
  --base-font-color: #555;
  --base-background-color: var(--white);
  --base-border-color: #ccc;
  --base-border-radius: 3px;
  --base-border-thickness: 1px;
  --base-border: var(--base-border-thickness) solid var(--base-border-color);
  --base-border-invisible: var(--base-border-thickness) solid transparent;
  --base-box-shadow: 4px 4px 8px 0 rgb(51 51 51 / 25%);
  --base-gap: 16px;
  --base-gap-half: calc(var(--base-gap) / 2);
  --base-link-color: var(--base-font-color);
  --base-link-color-active: #555;
  --secondary-font-color: var(--white);
  --secondary-background-color: var(--oti-green);
  /* font */
  --font-family: "Montserrat", sans-serif;
  --font-weight-heading: 600;
  --font-size-heading-extra-large: 32px;
  --font-size-heading-large: 22px;
  --font-size-heading: var(--base-font-size);
  --font-size-heading-small: 14px;
  /* layout */
  --layout-body-background-color: #fcfcfc;
  --layout-body-padding: var(--base-gap);
  --header-background-color: var(--base-background-color);
  /* footer */
  --footer-font-color: var(--secondary-font-color);
  --footer-font-size: 16px;
  --footer-font-weight: 500;
  --footer-background-color: var(--secondary-background-color);
  /* button */
  --button-primary-color: var(--white);
  --button-primary-color-active: var(--white);
  --button-primary-background-color: #222;
  --button-primary-background-color-active: var(--oti-green);
  --button-primary-border-color: #222;
  --button-primary-border-color-active: var(--oti-green-monochromatic-shade);
  --button-ghost-color: #222;
  --button-ghost-color-active: var(--white);
  --button-ghost-background-color: transparent;
  --button-ghost-background-color-active: var(--oti-green);
  --button-ghost-border-color: #222;
  --button-ghost-border-color-active: var(--oti-green-monochromatic-shade);
  /* nav */
  --nav-background-color: #fcfcfc; /* same as layout */
  --nav-box-shadow: var(--base-box-shadow);
  /* breadcrumb */
  --breadcrumb-background-color: var(--base-background-color);
  --breadcrumb-border: 1px solid var(--base-border-color);
  --breadcrumb-border-radius: var(--base-border-radius);
  --breadcrumb-box-shadow: var(--base-box-shadow);
  --breadcrumb-padding: calc(.75 * var(--base-gap)) var(--base-gap);
  --breadcrumb-active-font-weight: 600;
  /* card */
  --card-background-color: var(--base-background-color);
  --card-border: var(--base-border);
  --card-box-shadow: var(--base-box-shadow);
  /* cart */
  --cart-header-background-color: #f2f2f2;
  --cart-footer-background-color: #f2f2f2;
  /* products */
  --products-gap: var(--base-gap);
  --product-card-spacing: var(--base-gap);
  --product-card-link-color: var(--base-link-color);
  /* checkout - note that these mirror smartwizard 6 variables */
  --checkout-anchor-done-primary-color: #a7c5d6;
  --checkout-anchor-active-primary-color: #2a78a5;
  --checkout-anchor-default-primary-color: #b0b0b1;
}

/*# sourceMappingURL=variables.css.map */
