input, textarea, select {
    border: 1px solid var(--color-input-border);
    background-color: var(--color-surface);
    color: var(--color-text);
    border-radius: 8px;
    padding: 0.5rem 0.75rem;
    transition: border-color 0.2s ease, box-shadow 0.2s ease;
}

input:focus, textarea:focus, select:focus {
    outline: none;
    border-color: var(--color-primary);
    box-shadow: 0 0 0 3px color-mix(in srgb, var(--color-primary) 20%, transparent);
}

input::placeholder, textarea::placeholder {
    color: var(--color-muted);
    opacity: 0.7;
}