/* ===== Global typography ===== */
:root {
  --base-font-family: "Inter, sans-serif";

  --base-font-size: 16px; /* full website base size */
  --base-text-color: #1f2933; /* dark grey instead of pure black */
}

html {
  font-size: var(--base-font-size);
  scroll-behavior: smooth; /* keep your smooth scroll here too */
}

body {
  /* font-family: var(--base-font-family); */
  font-family: "Inter", sans-serif;
  color: var(--base-text-color);
  line-height: 1.6;
}

/* All paragraph text */
p {
  font-size: 0.98rem; /* ~15.5px, adjust if you want bigger/smaller */
  margin-bottom: 0.75rem;
}

/* Optional: make headings a bit consistent */
h1,
.h1 {
  font-size: 2.25rem;
  font-weight: 600;
}
h2,
.h2 {
  font-size: 1.75rem;
  font-weight: 600;
}
h3,
.h3 {
  font-size: 1.4rem;
  font-weight: 600;
}
h4,
h5,
h6 {
  font-weight: 600;
}

/* White background around iframe */
.iframe-wrapper {
  background-color: #ffffff !important; /* outside area */
}

/* White background for iframe itself */
.wp-blog-iframe {
  background-color: #ffffff !important; /* inside iframe area */
  display: block;
}