/* /contact/ page. Styles the Simple Form embed to sit with the theme:
   squared corners, black focus ring, form width capped to a readable measure. */

@layer pages {
	.sw-contact-form {
		max-width: 560px;
		margin-block: 2rem 2.5rem;
	}

	/* Simple Form token overrides: kill radii, match theme type + colors.
	   Structural CSS is the plugin's; these only reskin it. */
	.sw-contact-form .simple-form,
	.sw-contact-form [class^="sf-"] {
		--sf-colors-primary: #000000;
		--sf-colors-primary-hover: #e68634;
		--sf-borders-field-radius: 0;
		--sf-borders-button-radius: 0;
		--sf-typography-font-family: inherit;
	}

	.sw-contact-form input[type="submit"],
	.sw-contact-form button[type="submit"] {
		font-family: var(--font-mono);
		font-weight: 600;
		text-transform: uppercase;
		letter-spacing: 0.08em;
	}
}