/* Fonts CSS - External font management for easier testing and updates */

/* Import Montserrat font for headings */
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;500;600;700;800;900&display=swap');

/* Import Inter font for body */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&display=swap');

/* Font family definitions */
:root {
--font-heading: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
  --font-body: 'Montserrat', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
}

/* Apply heading fonts */
h1, h2, h3, h4, h5, h6,
.hero-main-title,
.hero-subtitle,
.title-highlight,
.et-section-title h2,
.et-section-title h3,
.solution-card-title,
.testimonial-text,
.author-name,
.faq-question,
.footer-column-title,
.et-tabs-title,
.et-tabs-subtitle,
.solution-tab,
.et-tab-btn,
.brand-item,
.testimonial-author,
.rating-stars-score,
.stat-number,
.nav-link,
.btn-login,
.btn-service,
.top-banner-text-full,
.top-banner-text-mobile,
.top-banner-button span,
.footer-logo span,
.footer-tagline,
.footer-copyright,
.footer-legal a,
.app-download-buttons a,
.floating-download-btn span,
.scroll-to-top {
  font-family: var(--font-heading), sans-serif !important;
  font-weight: 600 !important;
}

/* Apply body fonts */
body,
p,
span,
a,
li,
div,
button,
input,
textarea,
select,
label,
.hero-typing-text,
.testimonial-content p,
.faq-answer p,
.solution-card-description,
.et-testimonial-text,
.et-success-quote p,
.footer-social a,
.footer-email a,
.footer-links a,
.mobile-menu-item,
.top-banner-star,
.floating-download-btn,
.floating-download-btn .play-icon,
.faq-icon,
.social-proof-rating,
.rating-success,
.social-proof-avatars,
.brand-item img,
.et-project-website,
.et-success-attribution,
.et-success-footer,
.et-tab-card p,
.et-tab-grid,
.et-masonry-item,
.et-testimonial-card,
.et-testimonial-header,
.et-testimonial-role,
.et-success-story-content,
.et-success-story-image,
.et-success-slide,
.et-success-card,
.et-success-quote,
.et-success-footer,
.et-success-attribution,
.et-success-dots,
.et-success-track,
.et-success-slider,
.et-success-stories,
.et-success-story,
.et-success-stories,
.et-success-story-image,
.et-success-story-content,
.et-success-quote,
.et-success-footer,
.et-success-attribution,
.et-success-dots,
.et-success-track,
.et-success-slider,
.et-success-stories,
.et-success-story,
.et-success-stories,
.et-success-story-image,
.et-success-story-content,
.et-success-quote,
.et-success-footer,
.et-success-attribution,
.et-success-dots,
.et-success-track,
.et-success-slider,
.et-success-stories,
.et-success-story,
.et-success-stories,
.et-success-story-image,
.et-success-story-content,
.et-success-quote,
.et-success-footer,
.et-success-attribution,
.et-success-dots,
.et-success-track,
.et-success-slider,
.et-success-stories,
.et-success-story,
.et-success-stories,
.et-success-story-image,
.et-success-story-content,
.et-success-quote,
.et-success-footer,
.et-success-attribution,
.et-success-dots,
.et-success-track,
.et-success-slider {
  font-family: var(--font-body), sans-serif !important;
}

/* Specific font weights for better hierarchy */
h1, .hero-main-title {
  font-weight: 800 !important;
}

h2, .et-section-title h2, .et-tabs-title {
  font-weight: 700 !important;
}

h3, .et-section-title h3, .solution-card-title, .et-tabs-subtitle {
  font-weight: 600 !important;
}

h4, h5, h6 {
  font-weight: 500 !important;
}

body {
  font-weight: 400 !important;
}

strong, b {
  font-weight: 600 !important;
}

/* Ensure proper font loading */
@font-face {
  font-family: 'Satoshi';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local('Satoshi Regular'), local('Satoshi-Regular'),
       url('https://fonts.gstatic.com/s/satoshi/v1/abc123.woff2') format('woff2');
}

@font-face {
  font-family: 'Satoshi';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: local('Satoshi Bold'), local('Satoshi-Bold'),
       url('https://fonts.gstatic.com/s/satoshi/v1/abc789.woff2') format('woff2');
}

@font-face {
  font-family: 'Clash Display';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: local('Clash Display SemiBold'), local('ClashDisplay-SemiBold'),
       url('https://fonts.gstatic.com/s/clashdisplay/v1/def456.woff2') format('woff2');
}