/* Root Styles - Gradient Background Text */

.gradient-background-text {
    background: linear-gradient(135deg, var(--primary) 0%, var(--foreground) 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    font-family: var(--font-sans);
    font-size: clamp(1.75rem, 4vw, 2.75rem);
    font-weight: 800;
    line-height: 1.1;
    letter-spacing: -0.02em;
    margin: 0;
    display: inline-block;
}

/* Dark mode support */
.dark .gradient-background-text {
    background: linear-gradient(135deg, var(--primary) 0%, var(--foreground) 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}

/* Responsive adjustments */
@media (max-width: 768px) {
    .gradient-background-text {
        font-size: clamp(1.5rem, 6vw, 2.25rem);
    }
}

@media (max-width: 480px) {
    .gradient-background-text {
        font-size: clamp(1.25rem, 7vw, 2rem);
    }
}