/*
 * Typography
 */

h1 { font-size: var(--w-text-5xl); }
h2 { font-size: var(--w-text-4xl); }
h3 { font-size: var(--w-text-2xl); }
h4 { font-size: var(--w-text-xl);  }
h5 { font-size: var(--w-text-lg);  }
h6 { font-size: var(--w-text-base); }

@media (max-width: 768px) {
    h1 { font-size: var(--w-text-4xl); }
    h2 { font-size: var(--w-text-3xl); }
    h3 { font-size: var(--w-text-xl);  }
}

.wishly-text-gradient {
    background: var(--w-gradient-primary);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}

.wishly-text-gradient--secondary {
    background: var(--w-gradient-secondary);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}

.wishly-text-gradient--gold {
    background: var(--w-gradient-gold);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}

.wishly-label {
    font-size: var(--w-text-xs);
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: var(--w-tracking-wider);
    color: var(--w-text-tertiary);
}

.wishly-subtitle {
    font-size: var(--w-text-lg);
    color: var(--w-text-secondary);
    line-height: var(--w-leading-relaxed);
    max-width: 640px;
}

.wishly-mono {
    font-family: var(--w-font-mono);
    font-size: 0.9em;
}