/* -----------------------------
   Fonts
----------------------------- */
@font-face {
  font-family: "Arial Black";
  src: local("Arial Black");
  font-weight: 900;
}

/* -----------------------------
     Typographies
  ----------------------------- */
.swiipo-title-test {
  font-family: Inter, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto,
    Oxygen, Ubuntu, Cantarell, Open Sans, Helvetica Neue, sans-serif;
  font-weight: 900;
  color: var(--text-primary);
}

.swiipo-serif {
  font-family: "Source Serif 4", serif;
  font-weight: 900;
  color: var(--text-primary);
}

.swiipo-sans,
.swiipo-sans-semibold,
.swiipo-sans-bold {
  font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
    sans-serif;
}

.swiipo-sans-semibold {
  font-weight: 700;
}

.swiipo-sans-bold {
  font-weight: 900;
}

.swiipo-swipe {
  font-family: "Inter", sans-serif;
  font-weight: 750;
  letter-spacing: -0.01em;
  font-style: italic;
  line-height: 0.93;
}

.swiipo-title {
  font-family: "Arial Black", "Inter", sans-serif;
  font-weight: 900;
  color: var(--text-primary);
}

.text-outline {
  color: transparent;
  -webkit-text-stroke: 2px var(--text-primary);
}

.swiipo-cartoon {
  font-family: "Fredoka", "Comfortaa", "Inter", sans-serif;
  font-weight: 500;
  letter-spacing: -0.02em;
  color: var(--text-primary);
}

.swiipo-cartoon-uncolored {
  font-family: "Fredoka", "Comfortaa", "Inter", sans-serif;
  font-weight: 500;
}

.swiipo-bubble {
  font-family: "Comfortaa", "Fredoka", "Inter", sans-serif;
  font-weight: 700;
  letter-spacing: 0.01em;
  line-height: 1.1;
  color: var(--text-primary);
}
