@import url('https://fonts.googleapis.com/css2?family=Kanit:wght@300;400;500;600;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;600;700&display=swap');
:root {
    --font-primary: 'Kanit', sans-serif;
    --font-body: 'Kanit', sans-serif;
    --font-heading: 'Space Grotesk', sans-serif;
    --clr-base: #f97316;
    --theme-bg: #141410;
    --clr-common-text: #999999;
}
body.homepage-refresh {
    --refresh-accent: #ff6a1b;
    --refresh-accent-soft: #fff1e7;
    --refresh-heading: #11263c;
    --refresh-text: #5a697d;
    --refresh-bg: #f3f7fb;
    font-family: var(--font-body, 'Kanit', sans-serif);
}
body.homepage-refresh h1,
body.homepage-refresh h2,
body.homepage-refresh h3,
body.homepage-refresh h4,
body.homepage-refresh h5,
body.homepage-refresh h6 {
    font-family: var(--font-heading, 'Space Grotesk', sans-serif);
}