/* * Self-hosted webfonts (Futura PT + Montserrat). * * This file is served statically by the app (NOT bundled through Vite), and * linked directly in the page . That matters: a CSS `url()` resolves * against the *stylesheet's* origin. When Vite's dev server hosts app.css on * :5173, an absolute `/fonts/...` path points at :5173 (which doesn't serve * the files) and the fonts 404. Keeping these @font-face rules in a file that * always loads from the app origin makes `/fonts/...` resolve correctly in * both `npm run dev` and the production build. */ /* Futura PT — primary typeface (extracted from the Neuteboom Connect design) */ @font-face { font-family: 'Futura PT'; src: url('/fonts/futura-pt/FuturaPT-Book.woff2') format('woff2'); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: 'Futura PT'; src: url('/fonts/futura-pt/FuturaPT-Medium.woff2') format('woff2'); font-weight: 500; font-style: normal; font-display: swap; } @font-face { font-family: 'Futura PT'; src: url('/fonts/futura-pt/FuturaPT-Demi.woff2') format('woff2'); font-weight: 600; font-style: normal; font-display: swap; } @font-face { font-family: 'Futura PT'; src: url('/fonts/futura-pt/FuturaPT-Bold.woff2') format('woff2'); font-weight: 700; font-style: normal; font-display: swap; } @font-face { font-family: 'Futura PT'; src: url('/fonts/futura-pt/FuturaPT-Heavy.woff2') format('woff2'); font-weight: 800; font-style: normal; font-display: swap; } /* Montserrat — used for buttons and a few labels */ @font-face { font-family: 'Montserrat'; src: url('/fonts/montserrat/Montserrat-Medium.woff2') format('woff2'); font-weight: 500; font-style: normal; font-display: swap; } @font-face { font-family: 'Montserrat'; src: url('/fonts/montserrat/Montserrat-Bold.woff2') format('woff2'); font-weight: 700; font-style: normal; font-display: swap; }