/* Moved from app/globals.css for deferred loading */


/* Browser zoom and scaling detection */
@media screen and (min-width: 1px) {
  html {
    /* Prevent excessive scaling on high-DPI displays */
    font-size: clamp(14px, 0.8vw + 12px, 18px);
  }
  
  /* For very wide viewports (likely zoomed/scaled), use fixed sizing */
  @media (min-width: 2000px) and (max-height: 1200px) {
    html {
      font-size: 16px; /* Fixed size for zoomed displays */
    }
  }
}

:root {
  --text-xs: clamp(0.75rem, 0.05vw + 0.74rem, 0.875rem);
  --text-sm: clamp(0.875rem, 0.06vw + 0.86rem, 1rem);
  --text-base: clamp(1rem, 0.08vw + 0.98rem, 1.125rem);
  --text-lg: clamp(1.125rem, 0.1vw + 1.1rem, 1.25rem);
  --text-xl: clamp(1.25rem, 0.12vw + 1.22rem, 1.375rem);
  --text-2xl: clamp(1.5rem, 0.15vw + 1.45rem, 1.75rem);
  --text-3xl: clamp(1.875rem, 0.2vw + 1.8rem, 2.25rem);
  --text-4xl: clamp(2.25rem, 0.3vw + 2.15rem, 2.875rem);
  --text-5xl: clamp(3rem, 0.4vw + 2.8rem, 3.75rem);
  --text-6xl: clamp(3.75rem, 0.5vw + 3.5rem, 4.5rem);
  --heading-sm: clamp(1.25rem, 0.1vw + 1.2rem, 1.5rem);
  --heading-md: clamp(1.5rem, 0.15vw + 1.42rem, 1.875rem);
  --heading-lg: clamp(2rem, 0.2vw + 1.9rem, 2.5rem);
  --heading-xl: clamp(2.5rem, 0.3vw + 2.35rem, 3.25rem);
  --heading-2xl: clamp(3rem, 0.4vw + 2.8rem, 4rem);
  --space-xs: clamp(0.5rem, 0.08vw + 0.48rem, 0.75rem);
}
/* ...rest of your CSS... */