@import "/modern-normalize.css"; /* Normalize CSS */
@import url('https://fonts.googleapis.com/css2?family=Source+Sans+Pro:wght@300;400;600;700&display=swap');

:root {
  --KSC-Primary-Green: #333333;
  --color-light: #ffffff;
  --color-light-10: #F3F3F3;
  font-family: 'Source Sans Pro', sans-serif;
}

html {
  font-size: 16px;
  -webkit-font-smoothing: antialiased;
}

/* Apply the font consistently throughout the app */
body, input, button, textarea, select {
  font-family: 'Source Sans Pro', sans-serif;
}

@media (max-width: 768px) {
  html {
    font-size: 15px; /* Adjust for tablets */
  }
}

@media (max-width: 480px) {
  html {
    font-size: 14px; /* Adjust for mobile phones */
  }
}