/**
 * Typography Enhancements for Import Globals
 * Using Roboto Google Font for professional appearance
 * June 2025
 */

/* Base typography */
body {
  font-family: 'Roboto', sans-serif;
  color: #333;
  line-height: 1.6;
}

/* Headings */
h1, h2, h3, h4, h5, h6 {
  font-family: 'Roboto', sans-serif;
  font-weight: 700;
  line-height: 1.3;
  color: #222;
  margin-bottom: 0.8em;
}

h1 {
  font-size: 2.5rem;
  letter-spacing: -0.5px;
}

h2 {
  font-size: 2rem;
  letter-spacing: -0.3px;
}

h3 {
  font-size: 1.75rem;
}

h4 {
  font-size: 1.5rem;
}

h5 {
  font-size: 1.25rem;
}

h6 {
  font-size: 1rem;
  font-weight: 600;
}

/* Paragraph text */
p {
  font-family: 'Roboto', sans-serif;
  font-weight: 400;
  margin-bottom: 1rem;
  font-size: 16px;
}

/* Lists */
ul, ol {
  font-family: 'Roboto', sans-serif;
}

/* Links */
a {
  color: #00783c;
  text-decoration: none;
  transition: all 0.3s ease;
}

a:hover {
  color: #38b44a;
  text-decoration: none;
}

/* Buttons */
.btn, button, 
.theme-btn,
.btn-style-one,
.btn-style-two,
.btn-style-three {
  font-family: 'Roboto', sans-serif;
  font-weight: 500;
  letter-spacing: 0.3px;
}

/* Special text treatments */
.text-green {
  color: #00783c;
}

.text-uppercase {
  text-transform: uppercase;
  letter-spacing: 0.5px;
}

.text-thin {
  font-weight: 300;
}

.text-regular {
  font-weight: 400;
}

.text-medium {
  font-weight: 500;
}

.text-bold {
  font-weight: 700;
}

.text-black {
  font-weight: 900;
}

/* Responsive typography */
@media (max-width: 991px) {
  h1 {
    font-size: 2.2rem;
  }
  
  h2 {
    font-size: 1.8rem;
  }
}

@media (max-width: 767px) {
  h1 {
    font-size: 2rem;
  }
  
  h2 {
    font-size: 1.6rem;
  }
  
  p {
    font-size: 15px;
  }
}

@media (max-width: 575px) {
  h1 {
    font-size: 1.8rem;
  }
  
  h2 {
    font-size: 1.5rem;
  }
  
  h3 {
    font-size: 1.3rem;
  }
}