.input {
    width: 100%;
    height: var(--input-height);
    padding: var(--input-padding);
    background-color: var(--color-bg);
    color: var(--color-text);
    border:
        var(--border-size)
        solid
        var(--color-border);

    border-radius: var(--border-radius);
    font: inherit;
    transition:
        border-color var(--transition-fast),
        box-shadow var(--transition-fast),
        transform var(--transition-fast);
}


.input::placeholder {
    color: rgba(248, 250, 252, 0.5);
}


.input:hover {
    border-color: var(--color-primary);
}


.input:focus {
    outline: none;
    border-color: var(--color-primary);
    box-shadow: var(--shadow-glow);
    transform: translateY(-1px);
}

.input:disabled {
    cursor: not-allowed;
    opacity: 0.6;
    background-color: rgba(255, 255, 255, 0.03);
    border-color: var(--color-border);
    box-shadow: none;
    transform: none;
}


.input:disabled::placeholder {
    opacity: 0.5;
}