@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:'Nunito Sans';
  src:url('/assets/fonts/nunito-sans-variable.ttf') format('truetype');
  font-style:normal;
  font-weight:200 1000;
  font-display:swap;
}

:root{
  --hi-cream:#fff3d6;
  --hi-paper:#fffbf1;
  --hi-navy:#17203f;
  --hi-pink:#e83e7b;
  --hi-wine:#c51f5d;
  --hi-orange:#f26a2e;
  --hi-mint:#86d8c3;
  --hi-yellow:#ffd84d;
  --hi-muted:#5b4a40;
  --hi-font-body:'Nunito Sans','Trebuchet MS',Arial,sans-serif;
  --hi-font-display:'Montserrat','Arial Black','Helvetica Neue',sans-serif;
  --hi-page-pad:clamp(18px,4vw,76px);
  --hi-focus:0 0 0 3px var(--hi-paper),0 0 0 6px var(--hi-navy);
}