fix(ui): recolour the form-input focus ring from blue to brand accent

@tailwindcss/forms paints a hardcoded blue (#2563eb) focus ring and border
on every form control, so text inputs lit up blue while links and buttons
already used the mint :focus-visible ring. Override the plugin's ring colour
and border to the accent token for all form controls, keeping an accessible
(now on-brand, thin) focus indicator instead of the off-palette blue.

Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>

Author: NiallJoeMaher

styles/globals.css

@@ -161,6 +161,31 @@ body {
   outline-offset: 2px;
 }
 
+/* @tailwindcss/forms paints a hardcoded blue (#2563eb) focus ring + border on
+   every form control. Recolour both to the brand accent so input focus matches
+   the mint focus language used everywhere else (links/buttons already get a mint
+   :focus-visible ring). Unlayered, so it reliably overrides the plugin's
+   @layer base styles. The thin ring doubles as the keyboard focus indicator, so
+   a11y is preserved — only the colour changes. */
+[type="text"]:focus,
+[type="email"]:focus,
+[type="url"]:focus,
+[type="password"]:focus,
+[type="number"]:focus,
+[type="date"]:focus,
+[type="datetime-local"]:focus,
+[type="month"]:focus,
+[type="search"]:focus,
+[type="tel"]:focus,
+[type="time"]:focus,
+[type="week"]:focus,
+[multiple]:focus,
+textarea:focus,
+select:focus {
+  --tw-ring-color: rgb(var(--color-accent));
+  border-color: rgb(var(--color-accent));
+}
+
 /* ── Eyebrow / kicker: the signature mono "// label" device ── */
 .eyebrow {
   @apply font-mono text-xs uppercase tracking-label text-accent;