@font-face {
  font-family: 'Inter';
  src: local('Inter'), local('Helvetica Neue'), local('Helvetica'), local('Arial'), sans-serif;
  font-weight: 400 800;
  font-display: swap;
}

@font-face {
  font-family: 'Syncopate';
  src: url('fonts/syncopate.ttf') format('truetype');
  font-weight: 400 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Rationale';
  src: url('fonts/rationale.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Syncopate';
  src: url('fonts/syncopate.ttf') format('truetype');
  font-weight: 400 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Iceberg';
  src: url('fonts/iceberg.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

/* Fallback/Future Fonts */
/* 
@font-face {
  font-family: 'Sarpanch';
  src: url('fonts/sarpanch.ttf') format('truetype');
}
*/

:root {
  --font-main: 'Rationale', sans-serif;
  --font-iceberg: 'Iceberg', cursive;
  --font-syncopate: 'Syncopate', sans-serif;
  --font-rationale: 'Rationale', sans-serif;
}