/* Khai báo font từ Google Fonts - Tất cả font đã có trong assets/fonts/google/ */

/* Inter */
@font-face {
    font-family: 'Inter';
    src: url('../fonts/google/Inter-Regular.woff2') format('woff2'),
         url('../fonts/google/Inter-Regular.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Inter';
    src: url('../fonts/google/Inter-Medium.woff2') format('woff2'),
         url('../fonts/google/Inter-Medium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Inter';
    src: url('../fonts/google/Inter-SemiBold.woff2') format('woff2'),
         url('../fonts/google/Inter-SemiBold.ttf') format('truetype');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Inter';
    src: url('../fonts/google/Inter-Bold.woff2') format('woff2'),
         url('../fonts/google/Inter-Bold.ttf') format('truetype');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

/* Noto Sans */
@font-face {
    font-family: 'Noto Sans';
    src: url('../fonts/google/NotoSans-Regular.woff2') format('woff2'),
         url('../fonts/google/NotoSans-Regular.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Noto Sans';
    src: url('../fonts/google/NotoSans-Medium.woff2') format('woff2'),
         url('../fonts/google/NotoSans-Medium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Noto Sans';
    src: url('../fonts/google/NotoSans-SemiBold.woff2') format('woff2'),
         url('../fonts/google/NotoSans-SemiBold.ttf') format('truetype');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Noto Sans';
    src: url('../fonts/google/NotoSans-Bold.woff2') format('woff2'),
         url('../fonts/google/NotoSans-Bold.ttf') format('truetype');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

/* Open Sans */
@font-face {
    font-family: 'Open Sans';
    src: url('../fonts/google/OpenSans-Regular.woff2') format('woff2'),
         url('../fonts/google/OpenSans-Regular.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Open Sans';
    src: url('../fonts/google/OpenSans-SemiBold.woff2') format('woff2'),
         url('../fonts/google/OpenSans-SemiBold.ttf') format('truetype');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Open Sans';
    src: url('../fonts/google/OpenSans-Bold.woff2') format('woff2'),
         url('../fonts/google/OpenSans-Bold.ttf') format('truetype');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

/* Roboto */
@font-face {
    font-family: 'Roboto';
    src: url('../fonts/google/Roboto-Regular.woff2') format('woff2'),
         url('../fonts/google/Roboto-Regular.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Roboto';
    src: url('../fonts/google/Roboto-Medium.woff2') format('woff2'),
         url('../fonts/google/Roboto-Medium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Roboto';
    src: url('../fonts/google/Roboto-Bold.woff2') format('woff2'),
         url('../fonts/google/Roboto-Bold.ttf') format('truetype');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

/* Lora */
@font-face {
    font-family: 'Lora';
    src: url('../fonts/google/Lora-Regular.woff2') format('woff2'),
         url('../fonts/google/Lora-Regular.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Lora';
    src: url('../fonts/google/Lora-Medium.woff2') format('woff2'),
         url('../fonts/google/Lora-Medium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Lora';
    src: url('../fonts/google/Lora-SemiBold.woff2') format('woff2'),
         url('../fonts/google/Lora-SemiBold.ttf') format('truetype');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Lora';
    src: url('../fonts/google/Lora-Bold.woff2') format('woff2'),
         url('../fonts/google/Lora-Bold.ttf') format('truetype');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

/* Merriweather */
@font-face {
    font-family: 'Merriweather';
    src: url('../fonts/google/Merriweather-Regular.woff2') format('woff2'),
         url('../fonts/google/Merriweather-Regular.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Merriweather';
    src: url('../fonts/google/Merriweather-Bold.woff2') format('woff2'),
         url('../fonts/google/Merriweather-Bold.ttf') format('truetype');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

/* Literata */
@font-face {
    font-family: 'Literata';
    src: url('../fonts/google/Literata-Regular.woff2') format('woff2'),
         url('../fonts/google/Literata-Regular.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Literata';
    src: url('../fonts/google/Literata-Medium.woff2') format('woff2'),
         url('../fonts/google/Literata-Medium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Literata';
    src: url('../fonts/google/Literata-SemiBold.woff2') format('woff2'),
         url('../fonts/google/Literata-SemiBold.ttf') format('truetype');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

/* IBM Plex Sans */
@font-face {
    font-family: 'IBM Plex Sans';
    src: url('../fonts/google/IBMPlexSans-Regular.woff2') format('woff2'),
         url('../fonts/google/IBMPlexSans-Regular.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'IBM Plex Sans';
    src: url('../fonts/google/IBMPlexSans-Medium.woff2') format('woff2'),
         url('../fonts/google/IBMPlexSans-Medium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'IBM Plex Sans';
    src: url('../fonts/google/IBMPlexSans-SemiBold.woff2') format('woff2'),
         url('../fonts/google/IBMPlexSans-SemiBold.ttf') format('truetype');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'IBM Plex Sans';
    src: url('../fonts/google/IBMPlexSans-Bold.woff2') format('woff2'),
         url('../fonts/google/IBMPlexSans-Bold.ttf') format('truetype');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

/* Source Serif 4 */
@font-face {
    font-family: 'Source Serif 4';
    src: url('../fonts/google/SourceSerif4-Regular.woff2') format('woff2'),
         url('../fonts/google/SourceSerif4-Regular.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Source Serif 4';
    src: url('../fonts/google/SourceSerif4-SemiBold.woff2') format('woff2'),
         url('../fonts/google/SourceSerif4-SemiBold.ttf') format('truetype');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Source Serif 4';
    src: url('../fonts/google/SourceSerif4-Bold.woff2') format('woff2'),
         url('../fonts/google/SourceSerif4-Bold.ttf') format('truetype');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

/* Montserrat */
@font-face {
    font-family: 'Montserrat';
    src: url('../fonts/google/Montserrat-Regular.woff2') format('woff2'),
         url('../fonts/google/Montserrat-Regular.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Montserrat';
    src: url('../fonts/google/Montserrat-Medium.woff2') format('woff2'),
         url('../fonts/google/Montserrat-Medium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Montserrat';
    src: url('../fonts/google/Montserrat-SemiBold.woff2') format('woff2'),
         url('../fonts/google/Montserrat-SemiBold.ttf') format('truetype');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Montserrat';
    src: url('../fonts/google/Montserrat-Bold.woff2') format('woff2'),
         url('../fonts/google/Montserrat-Bold.ttf') format('truetype');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Montserrat';
    src: url('../fonts/google/Montserrat-ExtraBold.woff2') format('woff2'),
         url('../fonts/google/Montserrat-ExtraBold.ttf') format('truetype');
    font-weight: 800;
    font-style: normal;
    font-display: swap;
}

/* Poppins */
@font-face {
    font-family: 'Poppins';
    src: url('../fonts/google/Poppins.woff2') format('woff2'),
         url('../fonts/google/Poppins.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Poppins';
    src: url('../fonts/google/PoppinsMedium.woff2') format('woff2'),
         url('../fonts/google/PoppinsMedium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Poppins';
    src: url('../fonts/google/PoppinsSemiBold.woff2') format('woff2'),
         url('../fonts/google/PoppinsSemiBold.ttf') format('truetype');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Poppins';
    src: url('../fonts/google/PoppinsBold.woff2') format('woff2'),
         url('../fonts/google/PoppinsBold.ttf') format('truetype');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

/* Arial (fallback - nếu có file TTF) */
@font-face {
    font-family: 'Arial';
    src: url('../fonts/google/Arial.woff2') format('woff2'),
         url('../fonts/google/Arial.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}