.heading {
  font-family: var(--heading-font);
  font-weight: var(--heading-font-weight);
  color: var(--heading-color);
  line-height: var(--line-height-heading);
}

.themed-heading {
  font-family: var(--heading-font);
  font-weight: var(--heading-font-weight);
}

.card-content .block {
  margin-top: var(--block-margin);
  margin-bottom: var(--block-margin);
  font-family: var(--body-font);
  font-weight: var(--body-font-weight);
  color: var(--body-color);
}

.card-content [data-node-view-content-inner="cardLayoutItem"]>.first-block,
.card-content [data-node-view-content-inner="card"]>.first-block {
  margin-top: 0em;
}

.card-content [data-node-view-content-inner="cardLayoutItem"]>.last-block,
.card-content [data-node-view-content-inner="card"]>.last-block {
  margin-bottom: 0em;
}

/* Typography Styles */
h1, h2, h3, h4, h5, h6 {
    font-family: 'Nunito', sans-serif;
    color: var(--heading-color);
    line-height: var(--line-height-heading);
    margin: 0 0 0.5em 0;
    font-weight: 300;
}

h1 {
    font-size: 2.6em;
    letter-spacing: -0.02em;
    margin-bottom: 0.5em;
}

h2 {
    font-size: 1.8em;
}

h3 {
    font-size: 1.3em;
}

p, li, a {
    font-family: 'Roboto', sans-serif;
    color: var(--body-color);
    line-height: var(--line-height-body);
    margin: 0 0 1em 0;
    /* font-size: 1.1em; */
    font-weight: 300;
}

/* Additional Typography Utilities */
.text-center {
    text-align: center;
}

.section-heading {
    font-size: 3.5em;
    text-align: center;
    padding: 1em;
    letter-spacing: -0.02em;
    margin-bottom: 0.5em;
}

.card-heading {
    /* font-size: 3.0em; */
    /* padding: 1em; */
    letter-spacing: -0.02em;
    /* margin-bottom: 0.5em; */
}

.text-large {
    font-size: 1.5em;
}

.text-medium {
    font-size: 1.25rem; 
}

.text-small {
    font-size: 1.0 em;
}

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

.text-muted {
    color: var(--body-color-muted);
}

/* Responsive Typography */
@media (max-width: 768px) {
    h1 {
        font-size: 2em;
    }
    
    h2 {
        font-size: 1.5em;
    }
    
    h3 {
        font-size: 1.2em;
    }
}