/*
 * Neumorphic behavior only.
 * Theme colors come exclusively from fe-tokens.css.
 */

.fe-neu-raised {
    background: var(--fe-surface);
    border: 1px solid var(--fe-border);
    box-shadow: var(--fe-shadow-raised);
}

.fe-neu-soft {
    background: var(--fe-surface);
    border: 1px solid var(--fe-border);
    box-shadow: var(--fe-shadow-soft);
}

.fe-neu-inset {
    background: var(--fe-surface);
    border: 1px solid var(--fe-border);
    box-shadow: var(--fe-shadow-inset);
}

.fe-neu-interactive {
    transition:
        box-shadow .18s ease,
        transform .18s ease,
        color .18s ease,
        border-color .18s ease;
}

.fe-neu-interactive:hover {
    transform: translateY(-1px);
}

.fe-neu-interactive:active,
.fe-neu-interactive.is-active {
    box-shadow: var(--fe-shadow-pressed);
    transform: translateY(0);
}

@media (prefers-reduced-motion: reduce) {
    .fe-neu-interactive {
        transition: none;
    }
}