.form-field,
.form-group {
    display: grid;
    gap: var(--space-8);
}

input,
textarea,
select {
    width: 100%;
    padding: 14px 16px;
    border-radius: var(--radius-sm);
    border: 1px solid var(--color-border);
    background: var(--color-surface-soft);
    color: var(--color-text);
}

input:focus,
textarea:focus,
select:focus {
    border-color: var(--color-primary);
    box-shadow: var(--shadow-focus-ring);
}

label {
    font-weight: 600;
}

select {
    appearance: none;
}