/* * Geely — per-tenant CSS override for the decision interface. * * Loaded AFTER the app's own stylesheet, via theme.override_css_url in this * tenant's brand.yaml (tenant-resolve -> TenantTheme.overrideCssUrl -> a * in root.tsx). The font faces themselves are declared in fonts.css next door. * * This sheet exists because two things the tenant theme cannot reach were still * rendering in pyfoi's typography on Geely's own demo: * * 1. Buttons hard-code `Poppins, sans-serif` rather than reading * --pyfoi-font-sans, so the most-clicked elements on the page were still * wearing pyfoi's font while everything around them was Geely's. * 2. Nothing consumes the brand's DISPLAY face. tenant-resolve maps exactly one * typography token, --pyfoi-font-sans, from font_stack.primary — there is no * heading-font token — so `geelyBold` was loaded and then never used. * * Scoped to headings and controls only. Body copy is deliberately left alone: it * already resolves to Inter through --pyfoi-font-sans, which is what geely.nz * itself sets on . */ /* --------------------------------------------------------------------------- * On !important * * Every declaration below carries it, and none of them is decoration. Measured * against the running app, each rule here loses without it: * * .signin-info { font-family: Poppins, sans-serif } a CLASS (0,1,0) * .list-header-title{ font-family: var(--pyfoi-font-sans) } beats any element * selector this sheet * can write * body { font-family: var(--mantine-font-family) } same * body { font-family: var(--brand-font) } specificity, * but injected as *