:root {
  --primary-color: #1D1D1F;
  --secondary-text-color: #FFFFFF;
  --background-color: #FFFFFFCC;
  --secondary-background-color: #F5F5F7;
  --card-background: #F5F5F7;
  --hint-text-color: #979797;
}

html {
  scroll-behavior: smooth;
}

body,
p,
h1,
h2,
h3,
h4,
h5,
h6,
a,
button,
textarea {
  font-family: "Poppins", sans-serif;
  margin: 0;
  padding: 0;
}

::placeholder {
  color: var(--hint-text-color);
}

a {
  text-decoration: none;
}