/* Color classes for JavaScript-applied colors */

.detail-header.color-blue {
    background: linear-gradient(135deg, #dbeafe 0%, #bfdbfe 100%) !important;
    color: #1e40af !important;
    border-bottom: 2px solid #3b82f6 !important;
}

.detail-header.color-yellow {
    background: linear-gradient(135deg, #fef3c7 0%, #fde68a 100%) !important;
    color: #92400e !important;
    border-bottom: 2px solid #f59e0b !important;
}

.detail-header.color-green {
    background: linear-gradient(135deg, #d1fae5 0%, #a7f3d0 100%) !important;
    color: #065f46 !important;
    border-bottom: 2px solid #10b981 !important;
}

/* Dark mode */
[data-theme="dark"] .detail-header.color-blue {
    background: linear-gradient(135deg, #1e3a8a 0%, #1e40af 100%) !important;
    color: #dbeafe !important;
}

[data-theme="dark"] .detail-header.color-yellow {
    background: linear-gradient(135deg, #78350f 0%, #92400e 100%) !important;
    color: #fef3c7 !important;
}

[data-theme="dark"] .detail-header.color-green {
    background: linear-gradient(135deg, #064e3b 0%, #065f46 100%) !important;
    color: #d1fae5 !important;
}