/*
 * Wellness To Call — self-hosted brand fonts
 * Display / headings: Bricolage Grotesque
 * Body / UI: Manrope
 * Both are variable fonts (single woff2 covers the full weight axis).
 */

@font-face {
    font-family: 'Bricolage Grotesque';
    src: url('../fonts/brand/BricolageGrotesque-Variable.woff2') format('woff2-variations');
    font-weight: 200 800;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Manrope';
    src: url('../fonts/brand/Manrope-Variable.woff2') format('woff2-variations');
    font-weight: 200 800;
    font-style: normal;
    font-display: swap;
}

/* Brand font tokens — headings use Bricolage Grotesque, body/UI uses Manrope. */
:root {
    --heading-font: 'Bricolage Grotesque', 'Manrope', system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
    --body-font: 'Manrope', system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
}