:root {
  --mint: #1ff7c5;
}

.text-mint-200 { color: #c9fff3; }
.text-mint-300 { color: #9efbe8; }
.text-mint-400 { color: var(--mint); }
.text-mint-600 { color: #0fb99a; }
.text-mint-700 { color: #0b8a72; }
.bg-mint-50 { background-color: #effdf9; }
.bg-mint-400 { background-color: var(--mint); }
.bg-mint-300 { background-color: #9efbe8; }
.border-mint-200 { border-color: #b9f7ec; }
.hero-bg {
  background-image: linear-gradient(180deg, rgba(8, 15, 22, 0.45), rgba(8, 15, 22, 0.25)), url('../img/photo-01.jpg');
  background-size: cover;
  background-position: center;
}

.social-links {
  display: flex;
  flex-wrap: wrap;
  gap: 0.75rem;
}

.social-links a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 2.5rem;
  height: 2.5rem;
  border-radius: 999px;
  border: 1px solid var(--border, rgba(0, 0, 0, 0.12));
  color: inherit;
}