/*
 * Dashboard typography system
 *
 * Mirrors the public ALVIRAN site: Plus Jakarta Sans for interface copy and
 * Outfit for headings, key values and wordmarks. Outfit is supplied by the
 * active Alviran child theme; the body stack remains resilient if a different
 * theme is used for a maintenance page.
 */

body.alv-dashboard-v2-page,
body.alv-dashboard-auth-page {
    --alv-dashboard-font-body: "Plus Jakarta Sans", "Outfit", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    --alv-dashboard-font-display: "Outfit", "Plus Jakarta Sans", system-ui, sans-serif;

    /* Compatibility tokens used by the compiled V2 dashboard. */
    --fb: var(--alv-dashboard-font-body);
    --fw: var(--alv-dashboard-font-display);
    --fm: var(--alv-dashboard-font-body);
    --fe: var(--alv-dashboard-font-display);
}

body.alv-dashboard-v2-page .shell,
body.alv-dashboard-v2-page #alv-dashboard-app,
body.alv-dashboard-v2-page .alv-boot-screen,
body.alv-dashboard-auth-page .alv-auth-shell,
body.alv-dashboard-auth-page .alv-v2-login-required,
body.alv-dashboard-auth-page .alv-v2-security-block {
    font-family: var(--alv-dashboard-font-body) !important;
}

body.alv-dashboard-v2-page #alv-dashboard-app h1,
body.alv-dashboard-v2-page #alv-dashboard-app h2,
body.alv-dashboard-v2-page #alv-dashboard-app h3,
body.alv-dashboard-v2-page #alv-dashboard-app h4,
body.alv-dashboard-v2-page #alv-dashboard-app h5,
body.alv-dashboard-v2-page #alv-dashboard-app h6,
body.alv-dashboard-v2-page .alv-boot-screen h1,
body.alv-dashboard-v2-page .alv-boot-screen h2,
body.alv-dashboard-v2-page .alv-boot-screen h3,
body.alv-dashboard-auth-page .alv-auth-shell h1,
body.alv-dashboard-auth-page .alv-auth-shell h2,
body.alv-dashboard-auth-page .alv-auth-shell h3,
body.alv-dashboard-auth-page .alv-v2-security-block h1,
body.alv-dashboard-auth-page .alv-v2-security-block h2,
body.alv-dashboard-auth-page .alv-v2-security-block h3 {
    font-family: var(--alv-dashboard-font-display) !important;
}

body.alv-dashboard-v2-page #alv-dashboard-app button,
body.alv-dashboard-v2-page #alv-dashboard-app input,
body.alv-dashboard-v2-page #alv-dashboard-app select,
body.alv-dashboard-v2-page #alv-dashboard-app textarea,
body.alv-dashboard-auth-page .alv-auth-shell button,
body.alv-dashboard-auth-page .alv-auth-shell input,
body.alv-dashboard-auth-page .alv-auth-shell select,
body.alv-dashboard-auth-page .alv-auth-shell textarea {
    font-family: var(--alv-dashboard-font-body) !important;
}

/* The boot and auth experiences previously hard-coded unrelated display faces. */
body.alv-dashboard-auth-page .alv-auth-stage-brand strong,
body.alv-dashboard-auth-page .alv-auth-side h2,
body.alv-dashboard-auth-page .alv-auth-logo strong,
body.alv-dashboard-v2-page .alv-boot-brand,
body.alv-dashboard-v2-page .alv-boot-title,
body.alv-dashboard-v2-page .alv-boot-card strong {
    font-family: var(--alv-dashboard-font-display) !important;
}

body.alv-dashboard-v2-page .alv-wheel-v3-preview,
body.alv-dashboard-auth-page .alv-wheel-v3-preview {
    font-family: var(--alv-dashboard-font-body) !important;
}

body.alv-dashboard-v2-page .alv-wheel-v3-preview h1,
body.alv-dashboard-v2-page .alv-wheel-v3-preview h2,
body.alv-dashboard-v2-page .alv-wheel-v3-preview h3,
body.alv-dashboard-auth-page .alv-wheel-v3-preview h1,
body.alv-dashboard-auth-page .alv-wheel-v3-preview h2,
body.alv-dashboard-auth-page .alv-wheel-v3-preview h3 {
    font-family: var(--alv-dashboard-font-display) !important;
}