@font-face {
  font-family: 'ManropeVar';
  src: url('fonts/Manrope-Variable.woff2') format('woff2');
  font-weight: 100 900;
  font-display: swap;
}

@font-face {
  font-family: 'CrimsonProVar';
  src: url('fonts/CrimsonPro-Variable.woff2') format('woff2');
  font-weight: 100 700;
  font-display: swap;
}

/* Base font for body */
body {
  font-family: 'ManropeVar', sans-serif;
}

/* Utility classes for font weights */
.font-wght-320 {
  font-variation-settings: 'wght' 320;
}

.font-wght-600 {
  font-variation-settings: 'wght' 600;
}