/* ==================== INTER ==================== */

@font-face {

    font-family: 'Inter';

    font-style: normal;

    font-weight: 400;  /* Regular */

    font-display: swap;

    src: url('../fonts/optimized-20261007/Inter_18pt-Regular-20261007.woff2') format('woff2'), url('../fonts/inter/Inter_18pt-Regular.ttf') format('truetype');

  }

  @font-face {

    font-family: 'Inter';

    font-style: normal;

    font-weight: 500;  /* Medium */

    font-display: swap;

    src: url('../fonts/optimized-20261007/Inter_18pt-Medium-20261007.woff2') format('woff2'), url('../fonts/inter/Inter_18pt-Medium.ttf') format('truetype');

  }

  @font-face {

    font-family: 'Inter';

    font-style: normal;

    font-weight: 600;  /* SemiBold */

    font-display: swap;

    src: url('../fonts/optimized-20261007/Inter_18pt-SemiBold-20261007.woff2') format('woff2'), url('../fonts/inter/Inter_18pt-SemiBold.ttf') format('truetype');

  }

  @font-face {

    font-family: 'Inter';

    font-style: normal;

    font-weight: 700;  /* Bold */

    font-display: swap;

    src: url('../fonts/optimized-20261007/Inter_18pt-Bold-20261007.woff2') format('woff2'), url('../fonts/inter/Inter_18pt-Bold.ttf') format('truetype');

  }

  

  /* Nếu muốn thêm Black (900) cho tiêu đề rất đậm */

  @font-face {

    font-family: 'Inter';

    font-style: normal;

    font-weight: 900;

    font-display: swap;

    src: url('../fonts/optimized-20261007/Inter_18pt-Black-20261007.woff2') format('woff2'), url('../fonts/inter/Inter_18pt-Black.ttf') format('truetype');

  }

  

  /* ==================== ROBOTO ==================== */

  /* Chỉ dùng 4 file phổ biến nhất + nhẹ nhất */

  @font-face {

    font-family: 'Roboto';

    font-style: normal;

    font-weight: 400;  /* Regular */

    font-display: swap;

    src: url('../fonts/optimized-20261007/Roboto-Regular-20261007.woff2') format('woff2'), url('../fonts/roboto/Roboto-Regular.ttf') format('truetype');

  }

  @font-face {

    font-family: 'Roboto';

    font-style: italic;

    font-weight: 400;

    font-display: swap;

    src: url('../fonts/optimized-20261007/Roboto-Italic-20261007.woff2') format('woff2'), url('../fonts/roboto/Roboto-Italic.ttf') format('truetype');

  }

  @font-face {

    font-family: 'Roboto';

    font-style: normal;

    font-weight: 500;  /* Medium */

    font-display: swap;

    src: url('../fonts/optimized-20261007/Roboto-Medium-20261007.woff2') format('woff2'), url('../fonts/roboto/Roboto-Medium.ttf') format('truetype');

  }

  @font-face {

    font-family: 'Roboto';

    font-style: normal;

    font-weight: 700;  /* Bold */

    font-display: swap;

    src: url('../fonts/optimized-20261007/Roboto-Bold-20261007.woff2') format('woff2'), url('../fonts/roboto/Roboto-Bold.ttf') format('truetype');

  }

  

  /* Nếu muốn thêm Light 300 hoặc Black 900 thì thêm 2 dòng dưới (tùy chọn) */

  @font-face {

    font-family: 'Roboto';

    font-style: normal;

    font-weight: 300;

    font-display: swap;

    src: url('../fonts/optimized-20261007/Roboto-Light-20261007.woff2') format('woff2'), url('../fonts/roboto/Roboto-Light.ttf') format('truetype');

  }

  @font-face {

    font-family: 'Roboto';

    font-style: normal;

    font-weight: 900;

    font-display: swap;

    src: url('../fonts/optimized-20261007/Roboto-Black-20261007.woff2') format('woff2'), url('../fonts/roboto/Roboto-Black.ttf') format('truetype');

  }
@font-face {

    font-family: 'Inter';

    font-style: normal;

    font-weight: 400;  /* Regular */

    font-display: swap;

    src:url('../fonts/latin-20261007/Inter_18pt-Regular-latin-20261007.woff2') format('woff2');

  unicode-range:U+0000-024F,U+1E00-1EFF,U+2000-206F,U+20A0-20CF;}
@font-face {

    font-family: 'Inter';

    font-style: normal;

    font-weight: 500;  /* Medium */

    font-display: swap;

    src:url('../fonts/latin-20261007/Inter_18pt-Medium-latin-20261007.woff2') format('woff2');

  unicode-range:U+0000-024F,U+1E00-1EFF,U+2000-206F,U+20A0-20CF;}
@font-face {

    font-family: 'Inter';

    font-style: normal;

    font-weight: 600;  /* SemiBold */

    font-display: swap;

    src:url('../fonts/latin-20261007/Inter_18pt-SemiBold-latin-20261007.woff2') format('woff2');

  unicode-range:U+0000-024F,U+1E00-1EFF,U+2000-206F,U+20A0-20CF;}
@font-face {

    font-family: 'Inter';

    font-style: normal;

    font-weight: 700;  /* Bold */

    font-display: swap;

    src:url('../fonts/latin-20261007/Inter_18pt-Bold-latin-20261007.woff2') format('woff2');

  unicode-range:U+0000-024F,U+1E00-1EFF,U+2000-206F,U+20A0-20CF;}
@font-face {

    font-family: 'Inter';

    font-style: normal;

    font-weight: 900;

    font-display: swap;

    src:url('../fonts/latin-20261007/Inter_18pt-Black-latin-20261007.woff2') format('woff2');

  unicode-range:U+0000-024F,U+1E00-1EFF,U+2000-206F,U+20A0-20CF;}
@font-face {

    font-family: 'Roboto';

    font-style: normal;

    font-weight: 400;  /* Regular */

    font-display: swap;

    src:url('../fonts/latin-20261007/Roboto-Regular-latin-20261007.woff2') format('woff2');

  unicode-range:U+0000-024F,U+1E00-1EFF,U+2000-206F,U+20A0-20CF;}
@font-face {

    font-family: 'Roboto';

    font-style: italic;

    font-weight: 400;

    font-display: swap;

    src:url('../fonts/latin-20261007/Roboto-Italic-latin-20261007.woff2') format('woff2');

  unicode-range:U+0000-024F,U+1E00-1EFF,U+2000-206F,U+20A0-20CF;}
@font-face {

    font-family: 'Roboto';

    font-style: normal;

    font-weight: 500;  /* Medium */

    font-display: swap;

    src:url('../fonts/latin-20261007/Roboto-Medium-latin-20261007.woff2') format('woff2');

  unicode-range:U+0000-024F,U+1E00-1EFF,U+2000-206F,U+20A0-20CF;}
@font-face {

    font-family: 'Roboto';

    font-style: normal;

    font-weight: 700;  /* Bold */

    font-display: swap;

    src:url('../fonts/latin-20261007/Roboto-Bold-latin-20261007.woff2') format('woff2');

  unicode-range:U+0000-024F,U+1E00-1EFF,U+2000-206F,U+20A0-20CF;}
@font-face {

    font-family: 'Roboto';

    font-style: normal;

    font-weight: 300;

    font-display: swap;

    src:url('../fonts/latin-20261007/Roboto-Light-latin-20261007.woff2') format('woff2');

  unicode-range:U+0000-024F,U+1E00-1EFF,U+2000-206F,U+20A0-20CF;}
@font-face {

    font-family: 'Roboto';

    font-style: normal;

    font-weight: 900;

    font-display: swap;

    src:url('../fonts/latin-20261007/Roboto-Black-latin-20261007.woff2') format('woff2');

  unicode-range:U+0000-024F,U+1E00-1EFF,U+2000-206F,U+20A0-20CF;}