/*
 * Official app font — Figtree (business-approved).
 * Primary colors: #81b927 (green), #182b4a (navy)
 * Google Fonts are loaded via <link> in the layouts.
 *
 * Font-picker scaffolding (live dropdown) lives on branch
 * feature/font-picker-scaffold for optional re-merge later.
 */

:root {
    --ui-font-serif: "Poly", Georgia, serif;
    --ui-font-sans: "Inter", sans-serif;
    --ui-font: "Figtree", sans-serif;
    --app-font-family: var(--ui-font);
    --bs-body-font-family: var(--ui-font);
    --bs-font-sans-serif: var(--ui-font);
}

/*
 * The theme hard-codes font-family on many elements (not just body), so a
 * short selector list only reaches inputs. Apply Figtree to the whole
 * document tree, while protecting icon-font hosts (feather / bootstrap-icons).
 */
body,
body *:not(i):not([class^="feather-"]):not([class*=" feather-"]):not([class^="bi-"]):not([class*=" bi-"]):not([data-feather]):not(code):not(pre):not(kbd):not(samp) {
    font-family: var(--app-font-family) !important;
}

body i[class^="feather-"],
body i[class*=" feather-"],
body i[class^="feather-"]::before,
body i[class*=" feather-"]::before {
    font-family: feather !important;
}

body i[class^="bi-"],
body i[class*=" bi-"],
body [class^="bi-"]::before,
body [class*=" bi-"]::before {
    font-family: bootstrap-icons !important;
}