Customize font and color

I need the class signup to look like it was made by our department. Change the font to Lora for headings, set body text to Inter, make the primary color #1F618D, and apply that color to the submit button and section dividers. Before you finish, check one page on mobile view to confirm line spacing and that headings don’t wrap awkwardly.

Before I send the course evaluation to the department head, make the styling feel official: move the course title into a larger Lora heading, make question text Inter, put the instructor name in bold, surfacing the total response count near the top, and ensure the primary color #1F618D is used for the submit button and section headers so approvers see it’s branded.

I swapped the form theme to our department palette and changed fonts, and now on my phone the submit button looks too narrow and the heading breaks awkwardly. Karen in the department will reject anything that looks unprofessional and students complain if buttons are hard to tap. I don’t know whether the issue is the chosen fonts, padding, or the theme’s mobile CSS. What is the most reliable fix now so the form reads well on phones and keeps our color choices?

Every term we spend an afternoon reapplying our fonts and color because reviewers flag inconsistent headings, buttons that don’t match the website, and awkward wrapping on phones. It drains time before surveys go live and frustrates faculty. What single habit or checklist item should I adopt so each new form applies the correct font, spacing, and brand color once and avoids repeated touch-ups?