/* Typography Styles */

/* Import fonts */
@import url('https://fonts.googleapis.com/css?family=Roboto:300,400,700&display=swap');
@import url('https://fonts.googleapis.com/css?family=Cabin+Condensed:400,700&display=swap');

/* Base text styles */
body {
  font-family: 'Roboto', sans-serif;
  font-weight: 300;
  font-size: 1rem;
  line-height: 1.5;
  color: #212529;
}

/* Standard text */
.text-standard {
  font-family: 'Roboto', sans-serif;
  font-weight: 300;
  font-size: 1rem;
  line-height: 1.5;
}

/* Page titles (h2) */
h2, .page-title {
  font-family: 'Cabin Condensed', sans-serif;
  font-weight: 700;
  font-size: 1.5rem;
  line-height: 1.2;
  margin: 0 0 1rem 0;
  color: #212529;
}

/* Card titles (h3) */
h3, .card-title {
  font-family: 'Cabin Condensed', sans-serif;
  font-weight: 700;
  font-size: 1.2rem;
  line-height: 1.2;
  margin: 0 0 0.5rem 0;
  color: #212529;
}

/* Responsive adjustments */
@media (max-width: 768px) {
  h2, .page-title {
    font-size: 1.3rem;
  }
  
  h3, .card-title {
    font-size: 1.1rem;
  }
}