/* Africa Documents font bindings.

   Inter is now the site-wide body font (loaded by
   <app-ejs-head-assets theme="tailwind">, which emits the Google
   Fonts <link> tags). Applies to every page — marketing and
   workspace — for consistent typography across the funnel and
   matching the Syncfusion Tailwind theme without overrides.

   Fraunces (display serif) and JetBrains Mono (monospace) remain
   marketing-only — those are the brand's distinctive display
   choices, and we keep their loading scoped so workspace pages
   don't pay for fonts they don't use. */

@layer brand {
    :root {
        --font-body: 'Inter', system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
        --font-mono: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
    }

    [data-shell="marketing"] {
        --font-display: 'Fraunces', Georgia, ui-serif, serif;
        --font-mono:    'JetBrains Mono', ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
    }
}