/* ============================================================
   a11y.css, visible focus indicators for form fields
   ------------------------------------------------------------
   War-room accessibility HIGH: text inputs, textareas, selects
   and the newsletter fields showed no focus change at all
   (several carry inline outline:none). This file gives every
   field a :focus-visible outline without touching any existing
   focus styling (style-focus border tints etc. still apply).

   !important is deliberate: the fields set outline:none in
   inline styles, and an accessibility affordance must win that
   fight. It only fires on :focus-visible, so mouse focus keeps
   the quiet look the design intends.

   Colours:
     dark surfaces (Dangerous Street)  #C9A87C
     light surfaces (NEUN, data-dt-theme="light")  #8A7A64
   ============================================================ */

input:focus-visible,
textarea:focus-visible,
select:focus-visible {
  outline: 2px solid #C9A87C !important;
  outline-offset: 2px;
}

:root[data-dt-theme="light"] input:focus-visible,
:root[data-dt-theme="light"] textarea:focus-visible,
:root[data-dt-theme="light"] select:focus-visible {
  outline-color: #8A7A64 !important;
}