/* Neumorphism Styles */

.btn-neumorphic {
    /* Slightly more contrast in gradient */
    background: linear-gradient(145deg, #e1e1e1, #ffffff);
    box-shadow:
        5px 5px 10px var(--neu-dark),
        -5px -5px 10px var(--neu-light);
    border: 1px solid rgba(255, 255, 255, 0.4);
    /* Added definition */
    border-radius: 16px;
    transition: all 0.3s ease;
    color: var(--primary-dark);
}

.btn-neumorphic:hover {
    box-shadow:
        4px 4px 8px var(--neu-dark),
        -4px -4px 8px var(--neu-light);
    /* transform: translateY(-2px); REMOVED */
}

.btn-neumorphic:active {
    box-shadow: inset 4px 4px 8px var(--neu-dark),
        inset -4px -4px 8px var(--neu-light);
    /* transform: translateY(0); REMOVED */
}

.card-neumorphic {
    background: var(--bg-primary);
    box-shadow:
        20px 20px 60px var(--neu-dark),
        -20px -20px 60px var(--neu-light);
    border-radius: 24px;
}

.input-neumorphic {
    background: var(--bg-primary);
    border: none;
    border-radius: 12px;
    padding: 1rem;
    box-shadow: inset 5px 5px 10px var(--neu-dark),
        inset -5px -5px 10px var(--neu-light);
    width: 100%;
    outline: none;
    transition: box-shadow 0.3s ease;
}

.input-neumorphic:focus {
    box-shadow: inset 2px 2px 5px var(--neu-dark),
        inset -2px -2px 5px var(--neu-light);
}