@font-face {
  font-family: "Geist-Light";
  src: url("../assets/fonts/Geist-Thin.ttf") format("truetype");
  font-style: normal;
  font-display: swap;
  font-weight: 200;
}

@font-face {
  font-family: "Geist-Regular";
  src: url("../assets/fonts/Geist-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Geist-Medium";
  src: url("../assets/fonts/Geist-Medium.ttf") format("truetype");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Geist-SemiBold";
  src: url("../assets/fonts/Geist-SemiBold.ttf") format("truetype");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Geist-Bold";
  src: url("../assets/fonts/Geist-Bold.ttf") format("truetype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Geist-Black";
  src: url("../assets/fonts/Geist-Black.ttf") format("truetype");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}

:root {
    --black: #000000;
    --emerald-light: #dffbda;
    --emerald-text: #003d33;
    --dark-green: #01242a;
    --green: #1b5e20;
    --dark-green:#1b4420;
    --orange: #ff8e00;
    --gray-900: #111827;
    --gray-500: #6b7280;
    --bg:#ffffff;
  }