/* System font stack fallback — full self-hosted webfonts to be swapped in later */ :root { --font-display: 'Bebas Neue', 'Oswald', Impact, sans-serif; --font-body: 'IBM Plex Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif; --font-brush: 'Rushink', 'Permanent Marker', 'Bebas Neue', Impact, sans-serif; --brand-green-solid: #1C8A43; /* Al's actual green from his HTML */ } /* Rushink DEMO — the exact brush font Al is using on alspizzanorridge.com. Self-hosted from his Wix asset. font-display: swap = paint immediately with fallback, swap to Rushink when ready. Combined with the preload in , download starts alongside other assets. */ @font-face { font-family: 'Rushink'; font-style: normal; font-weight: 400; font-display: swap; src: url('../fonts/rushink.woff2') format('woff2'), url('../fonts/rushink.woff') format('woff'); } /* Bebas Neue — via Fontsource-style @font-face for speed (fallback to Oswald if font file missing) */ @font-face { font-family: 'Bebas Neue'; font-style: normal; font-weight: 400; font-display: swap; src: local('Bebas Neue'), url('https://cdn.jsdelivr.net/fontsource/fonts/bebas-neue@latest/latin-400-normal.woff2') format('woff2'); } @font-face { font-family: 'IBM Plex Sans'; font-style: normal; font-weight: 400; font-display: swap; src: local('IBM Plex Sans'), url('https://cdn.jsdelivr.net/fontsource/fonts/ibm-plex-sans@latest/latin-400-normal.woff2') format('woff2'); } @font-face { font-family: 'IBM Plex Sans'; font-style: normal; font-weight: 600; font-display: swap; src: local('IBM Plex Sans SemiBold'), url('https://cdn.jsdelivr.net/fontsource/fonts/ibm-plex-sans@latest/latin-600-normal.woff2') format('woff2'); } @font-face { font-family: 'IBM Plex Sans'; font-style: normal; font-weight: 700; font-display: swap; src: local('IBM Plex Sans Bold'), url('https://cdn.jsdelivr.net/fontsource/fonts/ibm-plex-sans@latest/latin-700-normal.woff2') format('woff2'); }