/* AI-Header: Typography component styles with theme support */
/* Date: 2025-07-13 */

/* ===========================================
   TYPOGRAPHY - BASE STRUCTURE
   =========================================== */

.display-1, .display-2, .display-3, .display-4, .display-5, .display-6 {
    font-weight: 300;
    line-height: 1.2;
}

.text-muted {
    opacity: 0.75;
}

/* ===========================================
   TYPOGRAPHY - LIGHT THEME
   =========================================== */

[data-bs-theme="light"] h1, 
[data-bs-theme="light"] h2, 
[data-bs-theme="light"] h3, 
[data-bs-theme="light"] h4, 
[data-bs-theme="light"] h5, 
[data-bs-theme="light"] h6 {
    color: #212529;
}

[data-bs-theme="light"] .text-muted {
    color: #6c757d !important;
}

[data-bs-theme="light"] .display-1 {
    color: #adb5bd !important;
}

[data-bs-theme="light"] .text-primary {
    color: #722F37 !important;
}

[data-bs-theme="light"] .text-secondary {
    color: #6c757d !important;
}

/* ===========================================
   TYPOGRAPHY - DARK THEME
   =========================================== */

[data-bs-theme="dark"] h1, 
[data-bs-theme="dark"] h2, 
[data-bs-theme="dark"] h3, 
[data-bs-theme="dark"] h4, 
[data-bs-theme="dark"] h5, 
[data-bs-theme="dark"] h6 {
    color: #ffffff;
}

[data-bs-theme="dark"] .text-muted {
    color: #9ca3af !important;
}

[data-bs-theme="dark"] .display-1 {
    color: #6b7280 !important;
}

[data-bs-theme="dark"] .text-primary {
    color: #ff8a8a !important;
}

[data-bs-theme="dark"] .text-secondary {
    color: #9ca3af !important;
}