/**
 * Scroll §8 companion — input focus micro-glow.
 * Loaded with any non-off scroll-animation preset (same inject gate).
 * Pure CSS; does not touch opacity/transform on fields (those stay on form shells).
 */

body[data-cms-scroll-anim] :is(input, textarea, select):not(
  [type='checkbox'],
  [type='radio'],
  [type='file'],
  [type='hidden'],
  [type='submit'],
  [type='button'],
  [type='image'],
  [type='reset'],
  [disabled]
) {
  transition-property: box-shadow !important;
  transition-duration: 0.3s !important;
  transition-timing-function: ease !important;
}

body[data-cms-scroll-anim] :is(input, textarea, select):not(
  [type='checkbox'],
  [type='radio'],
  [type='file'],
  [type='hidden'],
  [type='submit'],
  [type='button'],
  [type='image'],
  [type='reset'],
  [disabled]
):focus {
  box-shadow:
    0 0 0 3px color-mix(in srgb, var(--color-highlight, var(--color-accent, #3b82f6)) 38%, transparent),
    0 0 12px color-mix(in srgb, var(--color-highlight, var(--color-accent, #3b82f6)) 22%, transparent);
}