/* Typography Styles */

h1 {
    font-size: var(--font-size-4xl);
    font-weight: 700;
    color: var(--gray-900);
}

h2 {
    font-size: var(--font-size-3xl);
    font-weight: 600;
    color: var(--gray-900);
}

h3 {
    font-size: var(--font-size-2xl);
    font-weight: 600;
    color: var(--gray-800);
}

h4 {
    font-size: var(--font-size-xl);
    font-weight: 600;
    color: var(--gray-800);
}

h5 {
    font-size: var(--font-size-lg);
    font-weight: 500;
    color: var(--gray-700);
}

h6 {
    font-size: var(--font-size-base);
    font-weight: 500;
    color: var(--gray-700);
}

.text-xs { font-size: var(--font-size-xs); }
.text-sm { font-size: var(--font-size-sm); }
.text-base { font-size: var(--font-size-base); }
.text-lg { font-size: var(--font-size-lg); }
.text-xl { font-size: var(--font-size-xl); }
.text-2xl { font-size: var(--font-size-2xl); }
.text-3xl { font-size: var(--font-size-3xl); }
.text-4xl { font-size: var(--font-size-4xl); }

.font-normal { font-weight: 400; }
.font-medium { font-weight: 500; }
.font-semibold { font-weight: 600; }
.font-bold { font-weight: 700; }

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

.text-primary { color: var(--primary-blue); }
.text-success { color: var(--success); }
.text-warning { color: var(--warning); }
.text-error { color: var(--error); }
.text-muted { color: var(--gray-500); }