/*
 * "Share your idea" form: readable error colours on the site's navy form card.
 *
 * Gravity Forms' Orbital theme draws errors and the "(Required)" tags in dark red (#c02b0a), which is meant for
 * white backgrounds: on this form's navy card (#001E43) it is only 2.8:1. #FF9E94 is 8.3:1 on that navy
 * (WCAG AA needs 4.5:1 for text, 3:1 for borders) and still reads as an error colour.
 *
 * Gravity Forms sets these colours as CSS variables on the form wrapper and every part of the form inherits them,
 * so overriding the variables here recolours the summary banner, its icon, the per-field messages, the error
 * borders and the "(Required)" tags. !important because the theme also prints its own variable block.
 * Loaded by tools/build-static.mjs on pages that contain the form.
 */
#gform_wrapper_1.gform-theme {
  --gf-color-danger: #FF9E94 !important;
  --gf-color-danger-rgb: 255, 158, 148 !important;
  --gf-ctrl-label-color-req: #FF9E94 !important;
  --gf-ctrl-desc-color-error: #FF9E94 !important;
  --gf-ctrl-border-color-error: #FF9E94 !important;
  --gf-form-validation-bg-color: rgba(255, 158, 148, 0.08) !important;
  --gf-form-validation-border-color: rgba(255, 158, 148, 0.6) !important;
  --gf-form-validation-heading-color: #FF9E94 !important;
  --gf-form-validation-heading-icon-bg-color: rgba(255, 158, 148, 0.12) !important;
  --gf-form-validation-heading-icon-border-color: rgba(255, 158, 148, 0.6) !important;
  --gf-form-validation-heading-icon-color: #FF9E94 !important;
  --gf-form-validation-summary-color: #FF9E94 !important;
  --gf-form-validation-outline-color-focus: rgba(255, 158, 148, 0.8) !important;
}