/* Importar a fonte Darker Grotesque com pesos 600, 700 e 800 */
@import url('https://fonts.googleapis.com/css2?family=Darker+Grotesque:wght@600;700;800&display=swap');

:root {
  /* Cores */
  --color-green: #2e9b82;
  --color-light: #f8eee4;
  --color-orange: #fdb04d;

  /* Fonte */
  --font-family-base: 'Darker Grotesque', sans-serif;

  /* Pesos tipográficos */
  --text-semi-bold: 600;
  --text-bold: 700;
  --text-extra-bold: 800;
}

body {
  font-family: var(--font-family-base) !important;
}

/* Exemplo de uso das variáveis de peso */
.text-semi-bold {
  font-weight: var(--text-semi-bold);
}

.text-bold {
  font-weight: var(--text-bold);
}

.text-extra-bold {
  font-weight: var(--text-extra-bold);
}

/* Cores utilitárias */
.bg-green {
  background-color: var(--color-green);
}

.bg-light {
  background-color: var(--color-light);
}

.text-green {
  color: var(--color-green);
}

.text-orange {
  color: var(--color-orange);
}

.text-light {
  color: var(--color-light);
}

.border-light {
  border-color: var(--color-light);
}