@import url('https://fonts.googleapis.com/css2?family=Edu+SA+Hand:wght@400..700&family=Geom:ital,wght@0,300..900;1,300..900&family=IBM+Plex+Sans:ital,wght@0,100..700;1,100..700&display=swap');

.geom-800 {
  font-family: "Geom", sans-serif;
  font-optical-sizing: auto;
  font-weight: 800;
  font-style: normal;
  color: #00e08a;
}

.geom-850 {
  font-family: "Geom", sans-serif;
  font-optical-sizing: auto;
  font-weight: 800;
  font-style: normal;
}

.edu-sa-hand-400 {
  font-family: "Edu SA Hand", cursive;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
  color: #525252;
}

.edu-sa-hand-700 {
  font-family: "Edu SA Hand", cursive;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
  color: #535353;
}

.ibm-plex-sans-400 {
  font-family: "IBM Plex Sans", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
  color: #a8a8a8;
  font-variation-settings:
    "wdth" 100;
}

.ibm-plex-sans-700 {
  font-family: "IBM Plex Sans", sans-serif;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
  color: #303030;
  font-variation-settings:
    "wdth" 100;
}

.ibm-plex-sans-750 {
  font-family: "IBM Plex Sans", sans-serif;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
  font-variation-settings:
    "wdth" 100;
}

/* Override CKEditor 4 inline styles on code blocks inside prose */
.prose pre {
  background-color: #1e293b !important; /* slate-800 */
  color: #e2e8f0 !important; /* slate-200 */
  border-radius: 0.5rem !important;
}

.prose pre code,
.prose pre span {
  background-color: transparent !important;
  color: inherit !important;
}