@import url('https://fonts.googleapis.com/css2?family=Fredoka:wght@400;500;600;700&family=Quicksand:wght@400;500;600;700&display=swap');
@font-face{font-family:'Cutepunch';src:url('../assets/fonts/Cutepunch-PERSONAL-USE-ONLY.ttf') format('truetype');font-weight:400;font-style:normal;font-display:swap;}

:root{
  --font-wordmark:'Cutepunch', cursive; /* personal-use-only: existing wordmark lockups only, see readme */
  --font-display:'Fredoka', sans-serif; /* commercial-safe bubble substitute */
  --font-body:'Quicksand', sans-serif;

  --text-display-xl:700 56px/1.05 var(--font-display);
  --text-display-lg:600 36px/1.1 var(--font-display);
  --text-display-md:600 26px/1.2 var(--font-display);
  --text-heading:600 20px/1.3 var(--font-display);
  --text-body-lg:500 18px/1.5 var(--font-body);
  --text-body:500 16px/1.55 var(--font-body);
  --text-body-sm:500 14px/1.5 var(--font-body);
  --text-label:600 13px/1.3 var(--font-body);
  --letter-spacing-label:0.04em;
}