/* ==========================================================================
   TYPOGRAPHY FIX - Remove Chromatic Aberration & Apply Professional Fonts
   ========================================================================== */

/* Remove any text effects and apply clean professional typography */
h1, h2, h3, h4, h5, h6,
.font-inter,
.font-black {
  /* Remove any chromatic aberration or shadow effects */
  text-shadow: none !important;
  filter: none !important;
  -webkit-filter: none !important;
  
  /* Apply clean, professional font rendering */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-smooth: always;
  text-rendering: optimizeLegibility;
  
  /* Ensure proper font family */
  font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif !important;
}

/* Specific fix for font-black class */
.font-black {
  font-weight: 900 !important;
  letter-spacing: -0.02em;
}

/* Ensure headings have clean rendering */
h1 {
  font-weight: 900;
  letter-spacing: -0.025em;
}

h2 {
  font-weight: 800;
  letter-spacing: -0.02em;
}

h3 {
  font-weight: 700;
  letter-spacing: -0.015em;
}

h4, h5, h6 {
  font-weight: 600;
  letter-spacing: -0.01em;
}

/* Remove any pseudo-element effects that might create chromatic aberration */
h1::before, h1::after,
h2::before, h2::after,
h3::before, h3::after,
.font-black::before, .font-black::after {
  display: none !important;
}

/* Ensure clean text on all devices */
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
  h1, h2, h3, h4, h5, h6,
  .font-inter,
  .font-black {
    -webkit-font-smoothing: subpixel-antialiased;
    -moz-osx-font-smoothing: auto;
  }
}

/* Fix for any transform or filter effects */
* {
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  backface-visibility: hidden;
}

/* Ensure proper color rendering without chromatic effects */
h1, h2, h3, h4, h5, h6 {
  color: inherit;
  background-clip: border-box !important;
  -webkit-background-clip: border-box !important;
  -webkit-text-fill-color: currentColor !important;
}