/**
 * This CSS file contains styles for font persistence.
 * It's loaded before React hydration to ensure fonts are applied immediately.
 */

/* Apply font styles to elements with data-font-family attribute */
[data-font-family] {
  font-family: var(--simplita-fonts, inherit) !important;
}

/* Common Google Fonts with fallbacks */
.font-inter {
  font-family: 'Inter', sans-serif !important;
}

.font-roboto {
  font-family: 'Roboto', sans-serif !important;
}

.font-poppins {
  font-family: 'Poppins', sans-serif !important;
}

.font-montserrat {
  font-family: 'Montserrat', sans-serif !important;
}

.font-open-sans {
  font-family: 'Open Sans', sans-serif !important;
}

.font-nunito {
  font-family: 'Nunito', sans-serif !important;
}

.font-lato {
  font-family: 'Lato', sans-serif !important;
}

.font-source-sans-pro {
  font-family: 'Source Sans Pro', sans-serif !important;
}

.font-raleway {
  font-family: 'Raleway', sans-serif !important;
}

.font-oswald {
  font-family: 'Oswald', sans-serif !important;
}

.font-pt-sans {
  font-family: 'PT Sans', sans-serif !important;
}

.font-roboto-condensed {
  font-family: 'Roboto Condensed', sans-serif !important;
}

.font-ubuntu {
  font-family: 'Ubuntu', sans-serif !important;
}

.font-playfair-display {
  font-family: 'Playfair Display', serif !important;
}

.font-dm-sans {
  font-family: 'DM Sans', sans-serif !important;
}

.font-rubik {
  font-family: 'Rubik', sans-serif !important;
}

.font-work-sans {
  font-family: 'Work Sans', sans-serif !important;
}

/* System fonts */
.font-arial {
  font-family: Arial, sans-serif !important;
}

.font-helvetica {
  font-family: Helvetica, sans-serif !important;
}

.font-times-new-roman {
  font-family: 'Times New Roman', serif !important;
}

.font-georgia {
  font-family: Georgia, serif !important;
}

.font-courier-new {
  font-family: 'Courier New', monospace !important;
}

.font-verdana {
  font-family: Verdana, sans-serif !important;
}

.font-tahoma {
  font-family: Tahoma, sans-serif !important;
}

.font-trebuchet-ms {
  font-family: 'Trebuchet MS', sans-serif !important;
}

.font-segoe-ui {
  font-family: 'Segoe UI', sans-serif !important;
}

.font-calibri {
  font-family: Calibri, sans-serif !important;
}

/* Ensure fonts are applied to elements with inline styles */
[style*="font-family: Inter"],
[style*="font-family:Inter"] {
  font-family: 'Inter', sans-serif !important;
}

[style*="font-family: Roboto"],
[style*="font-family:Roboto"] {
  font-family: 'Roboto', sans-serif !important;
}

[style*="font-family: Poppins"],
[style*="font-family:Poppins"] {
  font-family: 'Poppins', sans-serif !important;
}

[style*="font-family: Montserrat"],
[style*="font-family:Montserrat"] {
  font-family: 'Montserrat', sans-serif !important;
}

[style*="font-family: Open Sans"],
[style*="font-family:Open Sans"] {
  font-family: 'Open Sans', sans-serif !important;
}

/* Add more as needed */