@font-face {
    font-family: "NinjaDietQuy Sans";
    src: url("/fonts/NotoSans-Variable.ttf") format("truetype");
    font-style: normal;
    font-weight: 100 900;
    font-display: swap;
}

@font-face {
    font-family: "NinjaDietQuy Serif";
    src: url("/fonts/NotoSerif-Variable.ttf") format("truetype");
    font-style: normal;
    font-weight: 100 900;
    font-display: swap;
}

@font-face {
    font-family: "NinjaDietQuy Serif";
    src: url("/fonts/NotoSerif-Italic-Variable.ttf") format("truetype");
    font-style: italic;
    font-weight: 100 900;
    font-display: swap;
}

:root {
    --font-body: "NinjaDietQuy Sans", "Segoe UI", Tahoma, Arial, sans-serif;
    --font-display: "NinjaDietQuy Serif", Georgia, "Times New Roman", serif;
}

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

.hero-copy,
.section-heading h2,
.download-strip h2,
.page-hero h1,
.card-body h3,
.feature-card h3,
.ranking-panel > h3,
.post-row h2,
.article-page h1,
.auth-card h1,
.package-card > strong {
    font-family: var(--font-display);
}