@use '../helpers/variables' as vars;
@use 'sass:map';

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  letter-spacing: -1px;
}

body {
  font-family: vars.$font-family;
  font-size: map.get(vars.$font-sizes, medium);
  color: #333;
  background-color: #fff;
}

p {
  margin: 0 0;
  line-height: 1.5;
  font-size: map.get(vars.$font-sizes, small);
  color: var(--text-color);
}

a {
  color: var(--text-color);
  text-decoration: none;
}

button {
  font-family: vars.$font-family;
  font-size: map.get(vars.$font-sizes, medium);
  cursor: pointer;
  border: none;
  background: none;
}
ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

input, textarea {
  font-family: vars.$font-family;
  font-size: map.get(vars.$font-sizes, medium);
  border: none;
  outline: none;
  background: none;
}