@font-face{
  font-family:'Montserrat';
  src:url('/assets/fonts/montserrat-variable.ttf') format('truetype');
  font-style:normal;
  font-weight:100 900;
  font-display:swap;
}
@font-face{
  font-family:'Bodoni Moda';
  src:url('/assets/fonts/bodoni-moda-variable.ttf') format('truetype');
  font-style:normal;
  font-weight:400 900;
  font-display:swap;
}

:root{
  --ft-green:#176b45;
  --ft-pink:#d72d70;
  --ft-pink-bright:#ec3f83;
  --ft-yellow:#f6c63d;
  --ft-orange:#f36b31;
  --ft-blue:#25a9d6;
  --ft-cream:#fff7e8;
  --ft-ink:#24576f;
  --ft-muted:#647068;
  --ft-on-blue:#12313b;
  --ft-on-orange:#0f2f2a;
  --ft-white:#ffffff;
  --ft-soft:#fde5ce;
  --ft-font-body:'Montserrat','Helvetica Neue',Arial,sans-serif;
  --ft-font-display:'Bodoni Moda','Bodoni 72',Didot,Georgia,serif;
  --ft-page-pad:clamp(20px,4vw,72px);
  --ft-focus:0 0 0 3px var(--ft-cream),0 0 0 6px var(--ft-green);
}