/**
 * KS Roof Master - System Fonts CSS
 * 
 * High-performance font stack using system fonts.
 * Eliminates Google Fonts CDN dependency for better PageSpeed scores.
 * Fonts are optimized for cross-platform consistency.
 */

/* Poppins - Headings (using system equivalents) */
@font-face {
  font-family: 'SystemHeading';
  src: local('Segoe UI');
  font-weight: 400 700;
  font-display: swap;
}

/* Inter - Body text (using system equivalents) */
@font-face {
  font-family: 'SystemBody';
  src: local('Segoe UI');
  font-weight: 400 600;
  font-display: swap;
}

/* Font Family Definitions */
:root {
  --font-heading: 'Segoe UI', system-ui, -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', Arial, sans-serif;
  --font-body: 'Segoe UI', system-ui, -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', Arial, sans-serif;
}

/* Apply fonts */
body {
  font-family: var(--font-body);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

h1, h2, h3, h4, h5, h6,
.heading,
.section-title,
.service-card h3,
.trust-card h3,
.step-item h3,
.footer-col h4,
.btn {
  font-family: var(--font-heading);
}

/* Font Weight Utilities */
.font-normal { font-weight: 400; }
.font-medium { font-weight: 500; }
.font-semibold { font-weight: 600; }
.font-bold { font-weight: 700; }
.font-extrabold { font-weight: 800; }
