@import url('https://fonts.googleapis.com/css2?family=Bricolage+Grotesque:opsz,wght@12..96,400;12..96,600;12..96,800&family=Figtree:wght@400;500;600;700&display=swap');

:root {
    --hobfox-fox: #f26a30; /* primary */
    --hobfox-midnight: #1e1b3a; /* text & dark */
    --hobfox-ember: #ffe1d1; /* warm tint */
    --hobfox-dusk: #d9d5f5; /* cool tint */
    --hobfox-moonlight: #f6f5fc; /* ground */
    --hobfox-font-display: 'Bricolage Grotesque', system-ui, sans-serif;
    --hobfox-font-body: 'Figtree', system-ui, sans-serif;
}