@import url('https://fonts.googleapis.com/css2?family=Barlow+Semi+Condensed:ital,wght@0,400;0,600;0,700;0,900;1,700;1,900&family=Be+Vietnam+Pro:wght@400;500;600;700&display=swap');

@font-face {
    font-family: 'FF Good Pro';
    src: url('FFGoodPro-Regular.woff2') format('woff2'),
         url('FFGoodPro-Regular.woff') format('woff'),
         url('FFGoodPro-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'FF Good Pro';
    src: url('FFGoodPro-Ultra.woff2') format('woff2'),
         url('FFGoodPro-Ultra.woff') format('woff'),
         url('FFGoodPro-Ultra.ttf') format('truetype');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'FF Good Pro';
    src: url('FFGoodPro-UltraItalic.woff2') format('woff2'),
         url('FFGoodPro-UltraItalic.woff') format('woff'),
         url('FFGoodPro-UltraItalic.ttf') format('truetype');
    font-weight: 900;
    font-style: italic;
    font-display: swap;
}

/* Cấu hình font stack thông minh chống lỗi dấu tiếng Việt */
:root {
    --font-heading: 'FF Good Pro', 'Barlow Semi Condensed', sans-serif;
    --font-body: 'Be Vietnam Pro', 'FF Good Pro', sans-serif;
}

body {
    font-family: var(--font-body);
}

h1, h2, h3, h4, h5, h6, button, .font-heading {
    font-family: var(--font-heading);
}