/* Font Fallbacks for Better Google Fonts Loading */

/* Define custom properties with fallbacks */
:root {
  --font-primary: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', system-ui, sans-serif;
  --font-secondary: 'Nunito Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', system-ui, sans-serif;
  --font-heading: 'Rubik One', 'Arial Black', 'Impact', sans-serif;
  --font-subheading: 'Rosario', 'Georgia', 'Times New Roman', serif;
  --font-label: 'Lalezar', 'Arial', sans-serif;
  --font-content: 'Source Sans Pro', 'Helvetica Neue', 'Arial', sans-serif;
  --font-nunito: 'Nunito', -apple-system, BlinkMacSystemFont, 'Segoe UI', system-ui, sans-serif;
}

/* Font Face Declarations with Local Fallbacks */
@font-face {
  font-family: 'Inter-fallback';
  src: local('Inter'), local('SF Pro Text'), local('Segoe UI'), local('system-ui');
  font-display: swap;
}

@font-face {
  font-family: 'NunitoSans-fallback';
  src: local('Nunito Sans'), local('SF Pro Text'), local('Segoe UI'), local('system-ui');
  font-display: swap;
}

/* Critical font loading with immediate fallbacks */
.font-inter { font-family: var(--font-primary); }
.font-nunito-sans { font-family: var(--font-secondary); }
.font-rubik-one { font-family: var(--font-heading); }
.font-rosario { font-family: var(--font-subheading); }
.font-lalezar { font-family: var(--font-label); }
.font-source-sans { font-family: var(--font-content); }
.font-nunito { font-family: var(--font-nunito); }

/* Ensure all text has immediate fallback fonts */
body, input, button, textarea, select {
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', system-ui, sans-serif;
}

/* Google Fonts loading states */
.fonts-loading body {
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', system-ui, sans-serif;
}

.fonts-loaded body {
  font-family: var(--font-primary);
}