@font-face {
    font-family: 'Restio Space Grotesk';
    src: local('Space Grotesk'), url('../fonts/SpaceGrotesk-VariableFont_wght.ttf') format('truetype');
    font-weight: 300 700;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Restio Manrope';
    src: local('Manrope'), url('../fonts/Manrope-VariableFont_wght.ttf') format('truetype');
    font-weight: 200 800;
    font-style: normal;
    font-display: swap;
}

html:lang(en) {
    --font-sans: 'Restio Manrope', Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
    --font-heading: 'Restio Space Grotesk', 'Restio Manrope', Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
}

html:lang(en) body.rd-admin-page,
html:lang(en) body.rd-auth-page,
html:lang(en) body.rd-marketing-page,
html:lang(en) body.public-page,
html:lang(en) .rd-admin-page,
html:lang(en) .rd-auth-page,
html:lang(en) .rd-marketing-page,
html:lang(en) .public-page,
html:lang(en) .rd-dashboard {
    font-family: var(--font-sans);
}

html:lang(en) .rd-admin-page :where(button, input, select, textarea),
html:lang(en) .rd-auth-page :where(button, input, select, textarea),
html:lang(en) .rd-marketing-page :where(button, input, select, textarea),
html:lang(en) .public-page :where(button, input, select, textarea) {
    font-family: inherit;
}

html:lang(en) .rd-admin-page :where(h1, h2, h3, h4, h5, h6),
html:lang(en) .rd-auth-page :where(h1, h2, h3, h4, h5, h6),
html:lang(en) .rd-marketing-page :where(h1, h2, h3, h4, h5, h6),
html:lang(en) .public-page :where(h1, h2, h3, h4, h5, h6),
html:lang(en) .rd-admin-page :where(.rd-btn, .rd-pill, .rd-nav-link, .rd-brand, .rd-kpi-card strong, .rd-action-card strong),
html:lang(en) .rd-auth-page :where(.rd-btn, .rd-pill, .rd-auth-card strong, .rd-row-card strong),
html:lang(en) .rd-marketing-page :where(.rd-btn, .rd-pill, .rd-section-title span, .rd-stat strong, .rd-free-price, .rd-free-visual, .rd-comparison-table th, .rd-comparison-table strong),
html:lang(en) .public-page :where(.public-brand-link, .locale-link, .public-hero-title, .public-hero-kicker, .public-section-title, .public-action, .public-menu-card-title, .public-item-title, .public-status, .public-badge, strong, button) {
    font-family: var(--font-heading);
}

html:lang(en) .public-page :where(.public-hero-title, .landing-hero-title, .menu-hero-title) {
    font-family: var(--font-heading);
}

html:lang(en) .public-page :where(.public-hero-subtitle, .landing-hero-subtitle, .menu-hero-subtitle, .public-footer-text) {
    font-family: var(--font-sans);
}

html:lang(en) .public-page :where(.rt-brand, .rt-public-nav, .rt-hero-copy h1, .rt-hero-actions a, .rt-secondary-action, .rt-section-headline h2, .rt-menu-hero h1, .rt-menu-tab, .rt-item-title-line, .rt-price, .rt-detail-section h5, .rt-contact-card strong) {
    font-family: var(--font-heading);
}

html:lang(en) .public-page :where(.rt-hero-lead, .rt-about-text, .rt-item-description, .rt-detail-section p, .rt-contact-card span) {
    font-family: var(--font-sans);
}

html:lang(en) body.public-page .rt-template {
    font-family: var(--font-sans) !important;
}

html:lang(en) body.public-page .rt-template :where(input, select, textarea, button) {
    font-family: inherit !important;
}

html:lang(en) body.public-page .rt-template :where(h1, h2, h3, h4, h5, h6, .rt-brand, .rt-public-nav, .rt-hero-actions a, .rt-secondary-action, .rt-menu-tab, .rt-item-title-line, .rt-price, .rt-detail-section h5, .rt-contact-card strong, .rt-status-pill, .rt-soft-pill, .rt-eyebrow) {
    font-family: var(--font-heading) !important;
}

html:lang(en) body.public-page .rt-template :where(p, span, li, label, small, .rt-hero-lead, .rt-about-text, .rt-item-description, .rt-detail-section p, .rt-contact-card span) {
    font-family: var(--font-sans) !important;
}