/* Headline-Styles */
.widget-headline-h1 h1 {
    color: var(--color-text);
    font-size: var(--font-size-4xl);
    font-weight: var(--font-weight-bold);
    margin-bottom: 20px;
    text-align: center;
    text-transform: uppercase;
    letter-spacing: 1px;
}

.widget-headline-h2 h2 {
    color: var(--color-text);
    font-size: var(--font-size-3xl);
    font-weight: var(--font-weight-semibold);
    margin-bottom: 15px;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.widget-headline-h3 h3 {
    color: var(--color-text);
    font-size: var(--font-size-2xl);
    font-weight: var(--font-weight-semibold);
    margin-bottom: 12px;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.widget-headline-h4 h4 {
    color: var(--color-text);
    font-size: var(--font-size-xl);
    font-weight: var(--font-weight-medium);
    margin-bottom: 10px;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.widget-headline-h5 h5 {
    color: var(--color-text);
    font-size: var(--font-size-lg);
    font-weight: var(--font-weight-medium);
    margin-bottom: 8px;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.widget-headline-h6 h6 {
    color: var(--color-text);
    font-size: var(--font-size-base);
    font-weight: var(--font-weight-medium);
    margin-bottom: 6px;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

/* Responsive Design */
@media (max-width: 768px) {
    .widget-headline-h1 h1 {
        font-size: var(--font-size-3xl);
    }
    
    .widget-headline-h2 h2 {
        font-size: var(--font-size-2xl);
    }
    
    .widget-headline-h3 h3 {
        font-size: var(--font-size-xl);
    }
}