/* colors */
.theme-honey-smacks {
  --primary-color: #388532;
  --primary-hover: #275e23;
  --secondary-color: #E51225;
  --secondary-hover: #F0F0F0;
  --tertiary-color: #EF561D;
}

/* body */
body.theme-honey-smacks main {
  font-family: var(--honey-smacks-font);
}

/* headings */
body.theme-honey-smacks main h1,
body.theme-honey-smacks main h2,
body.theme-honey-smacks main h3,
body.theme-honey-smacks main h4,
body.theme-honey-smacks main h5,
body.theme-honey-smacks main h6 {
  font-family: var(--honey-smacks-font);
  color: var(--black); 
  font-weight: bold;
  line-height: 1;
}

/* buttons */
.theme-honey-smacks main a.button,
.theme-honey-smacks main button {
  font-family: var(--honey-smacks-font);
}

.theme-honey-smacks main a.button.default,
.theme-honey-smacks main button.default {
  color: var(--primary-color);
}

.theme-honey-smacks main a.button.default:hover,
.theme-honey-smacks main button.default:hover {
  color: var(--primary-hover);
}

.theme-honey-smacks main a.button.primary,
.theme-honey-smacks main button.primary,
.theme-honey-smacks main a.button.secondary,
.theme-honey-smacks main button.secondary {
  font-size: 1.33em;
  font-weight: bold;
  line-height: 1.5;
  border: 0;
  padding: 0.2em 1.5em 0.2em;
  box-shadow: 0.2em 0.2em 1em rgba(0 0 0 / 15%);
  transition: color 0.15s, background-color 0.15s;
}

.theme-honey-smacks main a.button.primary,
.theme-honey-smacks main button.primary {
  background-color: var(--primary-color);
  color: var(--white);
}

.theme-honey-smacks main a.button.primary:hover,
.theme-honey-smacks main button.primary:hover,
.theme-honey-smacks main a.button.primary:focus,
.theme-honey-smacks main button.primary:focus {
  background-color: var(--primary-hover);
}

.theme-honey-smacks main a.button.secondary,
.theme-honey-smacks main button.secondary {
  background-color: var(--white);
  color: var(--primary-color);
}

.theme-honey-smacks main a.button.secondary:hover,
.theme-honey-smacks main button.secondary:hover,
.theme-honey-smacks main a.button.secondary:focus,
.theme-honey-smacks main button.secondary:focus {
  background-color: var(--secondary-hover);
}