/* ────────────────────────────────────────────────────────────── Peckish — global font stack Used by every non-world page (index, about, cart, contact, designers, garment, join, login). The world-* pages keep their own aesthetic fonts on purpose. To enable Peckish for real, drop the font files into ./fonts/: fonts/Peckish-Regular.woff2 fonts/Peckish-Italic.woff2 fonts/Peckish-Medium.woff2 fonts/Peckish-Bold.woff2 Until then, Fraunces (loaded from Google Fonts in each page's ) is the visual fallback — a similarly warm display serif. ────────────────────────────────────────────────────────────── */ @font-face { font-family: 'Peckish'; src: url('fonts/Peckish-Regular.woff2') format('woff2'), url('fonts/Peckish-Regular.woff') format('woff'); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: 'Peckish'; src: url('fonts/Peckish-Italic.woff2') format('woff2'), url('fonts/Peckish-Italic.woff') format('woff'); font-weight: 400; font-style: italic; font-display: swap; } @font-face { font-family: 'Peckish'; src: url('fonts/Peckish-Medium.woff2') format('woff2'), url('fonts/Peckish-Medium.woff') format('woff'); font-weight: 500; font-style: normal; font-display: swap; } @font-face { font-family: 'Peckish'; src: url('fonts/Peckish-Bold.woff2') format('woff2'), url('fonts/Peckish-Bold.woff') format('woff'); font-weight: 700; font-style: normal; font-display: swap; } :root { --font-display: 'Peckish', 'Fraunces', 'Cormorant Garamond', Georgia, serif; --font-body: 'Peckish', 'Fraunces', 'Inter', system-ui, sans-serif; --font-mono: 'Space Mono', ui-monospace, monospace; }