:root {
  --soul-dark: #1E140D;
  --soul-coffee: #3A2417;
  --soul-mocha: #6B4A32;
  --soul-gold: #C8A06A;
  --soul-cream: #E7D8C9;
  --soul-white: #F8F4EF;
}

.bg-soul-dark {
  background-color: var(--soul-dark);
}

.bg-soul-coffee {
  background-color: var(--soul-coffee);
}

.bg-soul-white {
  background-color: var(--soul-white);
}

.text-soul-dark {
  color: var(--soul-dark);
}

.text-soul-coffee {
  color: var(--soul-coffee);
}

.text-soul-gold {
  color: var(--soul-gold);
}

.text-soul-cream {
  color: var(--soul-cream);
}

.border-soul-cream {
  border-color: var(--soul-cream);
}

.social-icon {
  transition: all .3s ease;
}

.social-icon:hover {
  color: var(--soul-gold);
  transform: translateY(-4px);
}