/* Contact page — design system form styles */
.contact-form {
    display: flex;
    flex-direction: column;
    gap: 14px;
}

.form-field {
    display: flex;
    flex-direction: column;
    gap: var(--space-2);
    width: 100%;
}

.form-field label {
    font-size: var(--text-sm);
    font-weight: var(--weight-medium);
    color: var(--text-strong);
}

.form-field input,
.form-field textarea {
    font-family: var(--font-sans);
    font-size: var(--text-base);
    color: var(--text-strong);
    background: var(--surface-card);
    border: 1px solid var(--border-default);
    border-radius: var(--radius-sm);
    padding: 10px 12px;
    outline: none;
    width: 100%;
    box-sizing: border-box;
}

.form-field textarea {
    resize: vertical;
}

.form-field input:focus,
.form-field textarea:focus {
    border-color: var(--accent);
    outline: 2px solid var(--focus-ring);
    outline-offset: 2px;
}