/* ========================================
   SVN-GILROY FONT FAMILY
   ======================================== */

/* SVN-Gilroy Regular (400) */
@font-face {
    font-family: 'SVN-Gilroy';
    src: url('SVN-Gilroy Regular.woff2') format('woff2'),
         url('SVN-Gilroy Regular.woff') format('woff');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

/* SVN-Gilroy Medium (500) */
@font-face {
    font-family: 'SVN-Gilroy';
    src: url('SVN-Gilroy Medium.woff2') format('woff2'),
         url('SVN-Gilroy Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

/* SVN-Gilroy SemiBold (600) */
@font-face {
    font-family: 'SVN-Gilroy';
    src: url('SVN-Gilroy SemiBold.woff2') format('woff2'),
         url('SVN-Gilroy SemiBold.woff') format('woff');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

/* SVN-Gilroy Bold (700) */
@font-face {
    font-family: 'SVN-Gilroy';
    src: url('SVN-Gilroy Bold.woff2') format('woff2'),
         url('SVN-Gilroy Bold.woff') format('woff');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

/* ========================================
   ÁP DỤNG FONT CHO WEBSITE
   ======================================== */

/* Áp dụng cho toàn bộ website */
body {
    font-family: 'SVN-Gilroy', -apple-system, BlinkMacSystemFont, 'Segoe UI', Arial, sans-serif;
    font-weight: 400;
}

/* Áp dụng cho heading */
h1, h2, h3, h4, h5, h6 {
    font-family: 'SVN-Gilroy', -apple-system, BlinkMacSystemFont, 'Segoe UI', Arial, sans-serif  !important;
    font-weight: 700 !important;
}

/* Áp dụng cho paragraphs */
p, span, div, a, li {
    font-family: 'SVN-Gilroy', -apple-system, BlinkMacSystemFont, 'Segoe UI', Arial, sans-serif;
}

/* Áp dụng cho buttons */
button, .button, .btn, input[type="submit"] {
    font-family: 'SVN-Gilroy', -apple-system, BlinkMacSystemFont, 'Segoe UI', Arial, sans-serif;
    font-weight: 600;
}

/* Utility classes để dùng các font weights */
.font-regular {
    font-weight: 400;
}

.font-medium {
    font-weight: 500;
}

.font-semibold {
    font-weight: 600;
}

.font-bold {
    font-weight: 700;
}

/* Strong và B tags */
strong, b {
    font-weight: 700;
}