@import url("https://fonts.googleapis.com/css2?family=DM+Sans:opsz,wght@9..40,400;9..40,500;9..40,600&family=Outfit:wght@500;600;700&display=swap");

/* Apply primary font to the whole body */
html,
body {
  font-family: "DM Sans", sans-serif !important;
}

/* Apply display font to headings */
h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: "Outfit", sans-serif !important;
}

/* Override utility classes that might have default sans/serif/mono */
.font-sans,
.font-serif,
.font-mono {
  font-family: "DM Sans", sans-serif !important;
}

/* Force Light Mode Aesthetics on Unfold (Hide theme toggles) */
/* The dark mode toggle uses an SVG, we can usually target it via attributes or adjacent classes but Unfold uses specific classes */
.theme-switch,
.dark-mode-toggle,
button[x-on\:click*="darkMode"] {
  display: none !important;
}

/* Optional: Additional softening for the light mode */
body {
  background-color: #f8fafc !important; /* slate-50 */
}