/*
 * Local SukhumvitSet fonts. Rebuild WOFF files after replacing a TTF source:
 * python tools/build_webfonts.py
 */
@font-face {
    font-family: "SukhumvitSet";
    src: url("../fonts/SukhumvitSet-Thin.woff?v=1") format("woff"),
         url("../fonts/SukhumvitSet-Thin.ttf") format("truetype");
    font-style: normal;
    font-weight: 100;
    font-display: swap;
}
@font-face {
    font-family: "SukhumvitSet";
    src: url("../fonts/SukhumvitSet-Light.woff?v=1") format("woff"),
         url("../fonts/SukhumvitSet-Light.ttf") format("truetype");
    font-style: normal;
    font-weight: 300;
    font-display: swap;
}
@font-face {
    font-family: "SukhumvitSet";
    src: url("../fonts/SukhumvitSet-Text.woff?v=1") format("woff"),
         url("../fonts/SukhumvitSet-Text.ttf") format("truetype");
    font-style: normal;
    font-weight: 400;
    font-display: swap;
}
@font-face {
    font-family: "SukhumvitSet";
    src: url("../fonts/SukhumvitSet-Medium.woff?v=1") format("woff"),
         url("../fonts/SukhumvitSet-Medium.ttf") format("truetype");
    font-style: normal;
    font-weight: 500;
    font-display: swap;
}
@font-face {
    font-family: "SukhumvitSet";
    src: url("../fonts/SukhumvitSet-SemiBold.woff?v=1") format("woff"),
         url("../fonts/SukhumvitSet-SemiBold.ttf") format("truetype");
    font-style: normal;
    font-weight: 600;
    font-display: swap;
}
@font-face {
    font-family: "SukhumvitSet";
    src: url("../fonts/SukhumvitSet-Bold.woff?v=1") format("woff"),
         url("../fonts/SukhumvitSet-Bold.ttf") format("truetype");
    font-style: normal;
    font-weight: 700;
    font-display: swap;
}
:root {
    --font-body: "SukhumvitSet", "IBM Plex Sans Thai", sans-serif;
    --font-display: "SukhumvitSet", "Plus Jakarta Sans", "IBM Plex Sans Thai", sans-serif;
}

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

html body h1, html body h2, html body h3, html body h4, html body h5, html body h6,
html body .brand, html body .brand-icon, html body .eyebrow, html body .hero-mark,
html body .hero h1, html body .section h1, html body .section h2,
html body .stats strong {
    font-family: var(--font-display);
}