@import url('colors.css');

@font-face {
  font-family: 'Inter';
  src: url('../fonts/Inter_18pt-Medium.ttf') format('truetype');
  /* Você pode adicionar outros formatos, se disponíveis */
  font-weight: 500;
  font-style: normal;
}
@font-face {
  font-family: 'Inter';
  src: url('../fonts/Inter_18pt-Bold.ttf') format('truetype');
  /* Você pode adicionar outros formatos, se disponíveis */
  font-weight: bold;
  font-style: sans-serif;
}
@font-face {
  font-family: 'Inter';
  src: url('../fonts/Inter_18pt-SemiBold.ttf') format('truetype');
  /* Você pode adicionar outros formatos, se disponíveis */
  font-weight: 600;
  font-style: sans-serif;
}

/* Variáveis */
:root {
  --font-primary: 'Inter', sans-serif;
}

html body,
header,
footer {
  font-family: var(--font-primary);
  font-weight: 500;
  font-size: 14px;
}

.font-medium {
  font-family: var(--font-primary);
  font-weight: 600;
  color: var(--black-color);
}