// _typography.scss
h1, h2, h3, h4, h5, h6 {
    font-family: $font-family-heading;
    font-weight: $font-weight-semibold;
    line-height: 1.2;
    margin-bottom: $spacer;
    color: $gray-900;
}

h1 { font-size: 2.5rem; }
h2 { font-size: 2rem; }
h3 { font-size: 1.75rem; }
h4 { font-size: 1.5rem; }
h5 { font-size: 1.25rem; }
h6 { font-size: 1rem; }

p {
    margin-bottom: $spacer;
    
    &:last-child {
        margin-bottom: 0;
    }
}

.text-muted {
    color: $gray-600 !important;
}

.text-primary { color: $primary-color !important; }
.text-success { color: $success-color !important; }
.text-warning { color: $warning-color !important; }
.text-danger { color: $danger-color !important; }
.text-info { color: $info-color !important; }
.text-white { color: $white !important; }

.font-weight-normal { font-weight: $font-weight-normal !important; }
.font-weight-medium { font-weight: $font-weight-medium !important; }
.font-weight-semibold { font-weight: $font-weight-semibold !important; }
.font-weight-bold { font-weight: $font-weight-bold !important; }

.text-center { text-align: center !important; }
.text-right { text-align: right !important; }
.text-left { text-align: left !important; }

.text-uppercase { text-transform: uppercase !important; }
.text-capitalize { text-transform: capitalize !important; }