/* Satoshi Variable Font */
@font-face {
  font-family: 'Satoshi';
  src: url('./fonts/Satoshi-Variable.ttf') format('truetype-variations');
  font-weight: 300 900; /* Supports all weights from light to black */
  font-style: normal;
  font-display: swap;
}

/* Apply Satoshi font to all elements */
* {
  font-family: 'Satoshi', sans-serif !important;
}

/* Set specific font weights for headings */
h1, h2, h3, h4, h5, h6 {
  font-family: 'Satoshi', sans-serif !important;
  font-weight: 700;
}

/* Set specific font weight for body text */
body, p, span, div, button, input, select, textarea {
  font-family: 'Satoshi', sans-serif !important;
  font-weight: 400;
}

/* Medium weight elements */
.medium, .semi-bold {
  font-weight: 500;
}

/* Bold elements */
.bold, strong, b {
  font-weight: 700;
}

/* Extra bold elements */
.black, .extra-bold {
  font-weight: 900;
}

/* Add more variations as needed (Light, Italic, etc.) */