/* ==========================================================================
   TechAzhon brand fonts (self-hosted, SIL Open Font License, see /Content/fonts/brand/)
   Inter: all text. JetBrains Mono: code, keys, serial numbers.
   Load this before every other site stylesheet.
   ========================================================================== */

@font-face { font-family: 'Inter'; font-style: normal; font-weight: 300; font-display: swap; src: url('../fonts/brand/Inter-Light.woff') format('woff'); }
@font-face { font-family: 'Inter'; font-style: normal; font-weight: 400; font-display: swap; src: url('../fonts/brand/Inter-Regular.woff') format('woff'); }
@font-face { font-family: 'Inter'; font-style: normal; font-weight: 600; font-display: swap; src: url('../fonts/brand/Inter-SemiBold.woff') format('woff'); }
/* Bold file also serves the 800/900 headings so they stay real (not browser-faked) bold. */
@font-face { font-family: 'Inter'; font-style: normal; font-weight: 700 900; font-display: swap; src: url('../fonts/brand/Inter-Bold.woff') format('woff'); }

@font-face { font-family: 'JetBrains Mono'; font-style: normal; font-weight: 400; font-display: swap; src: url('../fonts/brand/JetBrainsMono-Regular.woff') format('woff'); }
@font-face { font-family: 'JetBrains Mono'; font-style: normal; font-weight: 500 700; font-display: swap; src: url('../fonts/brand/JetBrainsMono-Medium.woff') format('woff'); }

:root {
    --brand-font: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
    --brand-mono: 'JetBrains Mono', SFMono-Regular, Menlo, Consolas, monospace;
}

html, body,
h1, h2, h3, h4, h5, h6,
input, button, select, textarea, optgroup {
    font-family: var(--brand-font);
}

code, kbd, pre, samp, tt, .font-monospace, .mono {
    font-family: var(--brand-mono) !important;
}