/* ============================================
   Appeals Doctor Design System - TYPOGRAPHY
   Typography classes and text utilities
   ============================================ */

.text-display-lg {
    font-family: var(--font-display);
    font-size: var(--font-size-display-lg);
    font-weight: var(--font-weight-medium);
    line-height: var(--line-height-display-lg);
    letter-spacing: 0;
}

.text-display-sm {
    font-family: var(--font-display);
    font-size: var(--font-size-display-sm);
    font-weight: var(--font-weight-medium);
    line-height: var(--line-height-display-sm);
    letter-spacing: 0;
}

.text-h3 {
    font-family: var(--font-body);
    font-size: var(--font-size-h3);
    font-weight: var(--font-weight-medium);
    line-height: 1.3;
}

/* Widget Title - for dashboard cards and sections */
.widget-title {
    color: var(--color-text-title);
    font-family: var(--font-body);
    font-size: var(--font-size-title);
    font-style: normal;
    font-weight: var(--font-weight-medium);
    line-height: 1.3; /* 130% - proper spacing for multi-line titles */
}

.text-h4 {
    font-family: var(--font-body);
    font-size: var(--font-size-h4);
    font-weight: var(--font-weight-regular);
    line-height: 1.4;
}

.text-h5 {
    font-family: var(--font-body);
    font-size: var(--font-size-h5);
    font-weight: var(--font-weight-regular);
    line-height: 1.4;
}

.text-h6 {
    font-family: var(--font-body);
    font-size: var(--font-size-h6);
    font-weight: var(--font-weight-regular);
    line-height: 1.4;
}

.text-body {
    font-family: var(--font-body);
    font-size: var(--font-size-body);
    font-weight: var(--font-weight-regular);
    line-height: var(--line-height-body);
}

.text-small {
    font-family: var(--font-body);
    font-size: var(--font-size-small);
    font-weight: var(--font-weight-regular);
    line-height: var(--line-height-small);
}

/* Text Colors */
.text-primary { color: var(--color-text-primary); }
.text-secondary { color: var(--color-text-secondary); }
.text-inverse { color: var(--color-text-inverse); }
.text-accent { color: var(--color-accent); }
.text-success { color: var(--color-success); }
.text-warning { color: var(--color-warning); }
.text-error { color: var(--color-error); }