/*
 * TikLab typography (TODO item 26).
 *
 * Manrope (sans) + JetBrains Mono (monospace), both self-hosted under
 * /assets/fonts/ so the webapp works on networks that block external
 * CDNs. Licences (SIL OFL 1.1) live next to the woff2 files.
 *
 * Swap families: change the two --tiklab-* variables below and update
 * the @font-face blocks. The rest of the webapp references the vars.
 */

/* -------- Manrope (sans-serif) -------- */
@font-face {
    font-family: 'Manrope';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url('/assets/fonts/manrope/manrope-400.woff2') format('woff2');
}
@font-face {
    font-family: 'Manrope';
    font-style: normal;
    font-weight: 600;
    font-display: swap;
    src: url('/assets/fonts/manrope/manrope-600.woff2') format('woff2');
}
@font-face {
    font-family: 'Manrope';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url('/assets/fonts/manrope/manrope-700.woff2') format('woff2');
}

/* -------- JetBrains Mono (monospace) -------- */
@font-face {
    font-family: 'JetBrains Mono';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url('/assets/fonts/jetbrains-mono/jetbrains-mono-400.woff2') format('woff2');
}
@font-face {
    font-family: 'JetBrains Mono';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url('/assets/fonts/jetbrains-mono/jetbrains-mono-700.woff2') format('woff2');
}

/* -------- Stack variables + global application --------
 *
 * Override the Bootstrap 5 body / monospace custom properties so that
 * every Bootstrap selector (body, .font-monospace, <code>, form controls,
 * ...) inherits the new stacks without needing !important overrides.
 * The bare --tiklab-* aliases stay available for inline <style> blocks.
 */
:root {
    --tiklab-sans: 'Manrope', system-ui, -apple-system, 'Segoe UI', sans-serif;
    --tiklab-mono: 'JetBrains Mono', 'Courier New', monospace;
    --bs-body-font-family: var(--tiklab-sans);
    --bs-font-sans-serif:  var(--tiklab-sans);
    --bs-font-monospace:   var(--tiklab-mono);
}

html, body {
    font-family: var(--tiklab-sans);
}