/* 1) Custom font-faces */
@font-face {
    font-family: 'Syne';
    src: url('../fonts/Syne-Regular.ttf') format('truetype');
    font-weight: 400;
    font-display: swap;
  }
  @font-face {
    font-family: 'Syne';
    src: url('../fonts/Syne-Medium.ttf') format('truetype');
    font-weight: 500;
    font-display: swap;
  }
  @font-face {
    font-family: 'Syne';
    src: url('../fonts/Syne-Bold.ttf') format('truetype');
    font-weight: 700;
    font-display: swap;
  }
  
  /* 2) Global resets */
  html, body {
    margin: 0;
    padding: 0;
    font-family: 'Syne', sans-serif;
  }