:root {
    /* Animazioni e Arrotondamenti dallo screenshot */
    --mix-card-radius: 16px;
    --mix-btn-radius: 12px;
    --mix-transition: all 0.2s ease-in-out;
}

/* Versione CHIARA (Da usare su sfondi scuri, es. Header/Footer) */
.text-main-light {
    font-family: var(--font-primary);
    color: var(--color-text-light);
}
.text-muted-light {
    font-family: var(--font-primary);
    color: var(--color-gray);
}

/* Versione SCURA (Da usare dentro le card chiare, es. Landing, Risultati, Profilo Brosy) */
.text-main-dark {
    font-family: var(--font-primary);
    color: var(--color-text-dark);
}
.text-muted-dark {
    font-family: var(--font-primary);
    color: var(--color-gray);
}

/* La card chiara ad angoli smussati */
.glass-card {
    background: var(--color-bg-card);
    border-radius: var(--mix-card-radius);
    padding: 40px;
    box-shadow: var(--shadow-lg);
    width: 100%;
    max-width: 650px;
    text-align: center;
}

.neon-btn {
    background: rgba(var(--color-primary-rgb),1);
    color: var(--color-text-light);
    border: none;
    border-radius: var(--mix-btn-radius);
    padding: 14px 32px;
    font-size: 1.2rem;
    font-weight: 700;
    letter-spacing: 0.5px;
    font-family: var(--font-primary);
    cursor: pointer;
    transition: var(--mix-transition);
    display: inline-block;
    position: relative;
    top: 0;
}

.neon-btn:hover {
    background: var(--color-primary);
    transform: scale(1.05) translateY(-2px);
}

.neon-btn:active {
    top: 3px; /* Effetto pressione */
    box-shadow: 
        var(--shadow-primary),
        inset 0 1px 0 rgba(255, 255, 255, 0.2),
        0 1px 0 #312E81;
}