/**
 * Contact page only — linked from src/app/contact/page.tsx, nowhere else.
 *
 * WHY THIS FILE EXISTS. contact.php ends its form with
 *
 *     <div id="form_feedback" class="d-none p-3 rounded-1 mt-2"></div>
 *
 * and then nothing ever touches it: there is no submit handler anywhere in the
 * theme, so that div was permanently empty and permanently `d-none`. The
 * storefront's form does submit, so it has a result to report, and this is the
 * element the template set aside for it.
 *
 * Two rules, no more. The padding, radius and margin still come from the
 * template's own utility classes; these only add the colour that says whether
 * it worked. Tokens are the 2026 layer's, so the states match the rest of the
 * page in light and dark rather than introducing new colours.
 *
 * `.contact-label` and `.contact-field` are NOT here — they already exist in
 * sleektap-2026.css (section 32).
 */

#form_feedback.is-ok {
	background: var(--st-brand-wash, #EFEBF9);
	border: 1px solid var(--st-brand, #553C9A);
	color: var(--st-brand, #553C9A);
	font-weight: 600;
}

#form_feedback.is-error {
	background: rgba(201, 51, 58, .08);
	border: 1px solid var(--st-coral-deep, #C9333A);
	color: var(--st-coral-deep, #C9333A);
	font-weight: 600;
}