/*    31. ENHANCED FORM ELEMENTS (Theme-wide)
   ------------------------------------------- */
input[type="text"],
input[type="email"],
input[type="tel"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="number"],
textarea,
select {
	width: 100%;
	padding: 12px 16px;
	font-family: var(--font-body);
	font-size: var(--text-sm);
	color: var(--color-text-primary);
	background: var(--color-glass-bg);
	border: 1.5px solid var(--color-glass-border);
	border-radius: var(--radius-md);
	outline: none;
	transition: all var(--transition-fast);
	line-height: 1.5;
}

input[type="text"]:focus,
input[type="email"]:focus,
input[type="tel"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
input[type="number"]:focus,
textarea:focus,
select:focus {
	border-color: var(--color-accent);
	box-shadow: 0 0 0 3px rgba(255, 210, 30, 0.1);
	background: var(--color-glass-hover);
}

input[type="text"]::placeholder,
input[type="email"]::placeholder,
input[type="tel"]::placeholder,
input[type="url"]::placeholder,
input[type="password"]::placeholder,
input[type="search"]::placeholder,
input[type="number"]::placeholder,
textarea::placeholder {
	color: var(--color-text-muted);
}

textarea {
	min-height: 120px;
	resize: vertical;
}

label {
	display: block;
	font-size: var(--text-sm);
	font-weight: 600;
	color: var(--color-text-secondary);
	margin-bottom: var(--space-xs);
}
