/*
 * TEMPORARY: a second font set for the client to compare against the theme's.
 *
 * The theme sets the brand guide's fonts (Gabarito and Hanken Grotesk). The MVP
 * spec names Nunito and Inter instead. Opening any page with ?fonts=spec swaps
 * to those, and ?fonts=guide swaps back; the choice is remembered in the
 * browser. Once the client has chosen, delete this file, its two tags in
 * templates/django_spire/base/base.html and the links in the footer, and set
 * the winner in the theme.
 */

[data-font-set=spec] {
    --bs-body-font-family: 'Inter', system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
    --bs-font-sans-serif: var(--bs-body-font-family);
    --profitly-heading-font: 'Nunito', var(--bs-body-font-family);
}

[data-font-set=spec] :is(h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6) {
    font-family: var(--profitly-heading-font);
}

[data-font-set=spec] :is(.tooltip, .popover) {
    font-family: var(--bs-body-font-family);
}