@font-face {
    font-family: 'Quicksand';
    font-style: normal;
    /* allow any weight between 300 and 900 */
    font-weight: 300 900; 
    font-display: swap;
    src: url('./assets/font/Quicksand/Quicksand-VariableFont_wght.woff2') format('woff2')
            
  }
  
  /* ——— Static fallbacks (if you still need them) ——— */
  /* @font-face {
    font-family: 'Quicksand';
    font-weight: 300;
    src: url('./assets/font/Quicksand/woff-font/Quicksand-Light.woff2') format('woff2');
  } */
  @font-face {
    font-family: 'Quicksand';
    font-weight: 400;
    font-display: swap;
    src: url('./assets/font/Quicksand/woff-font/Quicksand-Regular.woff2') format('woff2')
         ;
  }
  /* @font-face {
    font-family: 'Quicksand';
    font-weight: 500;
    src: url('./assets/font/Quicksand/woff-font/Quicksand-Medium.woff2') format('woff2');
  } */
  /* @font-face {
    font-family: 'Quicksand';
    font-weight: 600;
    src: url('./assets/font/Quicksand/woff-font/Quicksand-SemiBold.woff2') format('woff2');
  } */
  @font-face {
    font-family: 'Quicksand';
    font-weight: 700;
    font-display: swap;
    src: url('./assets/font/Quicksand/woff-font/Quicksand-Bold.woff2') format('woff2')
         ;
  }

/* ─── Variable fonts (all-weights in one) ─────────────────────────────────── */
@font-face {
    font-family: 'Rubik';
    font-weight: 100 900;
    font-style: normal;
    font-display: swap;
    src: url('./assets/font/Rubik/Rubik-VariableFont_wght.woff2') format('woff2');
  }
  
  @font-face {
    font-family: 'Rubik';
    font-weight: 100 900;
    font-style: italic;
    font-display: swap;
    src: url('./assets/font/Rubik/Rubik-Italic-VariableFont_wght.woff2') format('woff2');
  }
  
  
  /* ─── Static fonts ────────────────────────────────────────────────────────── */
  /* Light 300 */
  /* @font-face {
    font-family: 'Rubik';
    font-style: normal;
    font-weight: 300;
    font-display: swap;
    src: url('./assets/font/Rubik/woff2/Rubik-Light.woff2') format('woff2');
  }
  @font-face {
    font-family: 'Rubik';
    font-style: italic;
    font-weight: 300;
    font-display: swap;
    src: url('./assets/font/Rubik/woff2/Rubik-LightItalic.woff2') format('woff2');
  } */
  
  /* Regular 400 */
  @font-face {
    font-family: 'Rubik';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url('./assets/font/Rubik/woff2/Rubik-Regular.woff2') format('woff2');
  }
  @font-face {
    font-family: 'Rubik';
    font-style: italic;
    font-weight: 400;
    font-display: swap;
    src: url('./assets/font/Rubik/woff2/Rubik-Italic.woff2') format('woff2');
  }
  
  /* Medium 500 */
  /* @font-face {
    font-family: 'Rubik';
    font-style: normal;
    font-weight: 500;
    font-display: swap;
    src: url('./assets/font/Rubik/woff2/Rubik-Medium.woff2') format('woff2');
  }
  @font-face {
    font-family: 'Rubik';
    font-style: italic;
    font-weight: 500;
    font-display: swap;
    src: url('./assets/font/Rubik/woff2/Rubik-MediumItalic.woff2') format('woff2');
  } */
  
  /* SemiBold 600 */
  /* @font-face {
    font-family: 'Rubik';
    font-style: normal;
    font-weight: 600;
    font-display: swap;
    src: url('./assets/font/Rubik/woff2/Rubik-SemiBold.woff2') format('woff2');
  }
  @font-face {
    font-family: 'Rubik';
    font-style: italic;
    font-weight: 600;
    font-display: swap;
    src: url('./assets/font/Rubik/woff2/Rubik-SemiBoldItalic.woff2') format('woff2');
  } */
  
  /* Bold 700 */
  @font-face {
    font-family: 'Rubik';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url('./assets/font/Rubik/woff2/Rubik-Bold.woff2') format('woff2');
  }
  @font-face {
    font-family: 'Rubik';
    font-style: italic;
    font-weight: 700;
    font-display: swap;
    src: url('./assets/font/Rubik/woff2/Rubik-BoldItalic.woff2') format('woff2');
  }
  
  /* ExtraBold 800 */
  /* @font-face {
    font-family: 'Rubik';
    font-style: normal;
    font-weight: 800;
    font-display: swap;
    src: url('./assets/font/Rubik/woff2/Rubik-ExtraBold.woff2') format('woff2');
  }
  @font-face {
    font-family: 'Rubik';
    font-style: italic;
    font-weight: 800;
    font-display: swap;
    src: url('./assets/font/Rubik/woff2/Rubik-ExtraBoldItalic.woff2') format('woff2');
  } */
  
  /* Black 900 */
  /* @font-face {
    font-family: 'Rubik';
    font-style: normal;
    font-weight: 900;
    font-display: swap;
    src: url('./assets/font/Rubik/woff2/Rubik-Black.woff2') format('woff2');
  }
  @font-face {
    font-family: 'Rubik';
    font-style: italic;
    font-weight: 900;
    font-display: swap;
    src: url('./assets/font/Rubik/woff2/Rubik-BlackItalic.woff2') format('woff2');
  } */