:root {
  --knowsy-black: #0A0A0A;
  --knowsy-white: #FFFFFF;
  --knowsy-lightgrey: #F4F4F4;
  --knowsy-teal: #90BECE;
  --knowsy-teal-dark: #6FA3B5;
}

body, h1, h2, h3, h4, h5, p, a, button, span, div {
  font-family: 'Avenir', sans-serif;
}

a {
  color: var(--knowsy-black);
  text-decoration: none;
  transition: color 0.2s ease;
}
a:hover {
  color: var(--knowsy-teal-dark);
}

button, .btn, .zs-button {
  border-radius: 999px;
  transition: all 0.25s ease;
}
button:hover, .btn:hover, .zs-button:hover {
  background-color: var(--knowsy-teal);
  color: var(--knowsy-black);
  transform: translateY(-2px);
  box-shadow: 0 6px 18px rgba(144, 190, 206, 0.35);
}