/* ============================================================
   PhantomGate — оформление форм SureForms.

   Подключается и на лендинге, и на внутренних страницах: форма
   обратной связи стоит в блоке «Остались вопросы?» на главной,
   а также на странице контактов.

   Форма забирает акцент из переменной Astra --ast-global-color-0,
   а она у нас светло-жёлтая. Текст на акценте SureForms задаёт белым
   жёстко — получалось белое на жёлтом, контраст 1,58:1 при норме 4,5:1.

   Класс продублирован намеренно: своя переменная формы объявлена в её
   встроенном <style> внутри страницы, то есть ниже по документу. Двойной
   класс поднимает специфичность и перебивает её независимо от порядка.
   ============================================================ */

/* --- Формы SureForms ---------------------------------------------------- */

/* Форма забирает акцент из переменной Astra (--ast-global-color-0), а она
   у нас светло-жёлтая. При этом текст на акценте SureForms жёстко задаёт
   белым — получалось белое на жёлтом, контраст около 1,7:1 при норме 4,5:1.
   Ставим тёмный текст.

   Класс продублирован намеренно: своя переменная формы объявлена в её
   встроенном <style> внутри страницы, то есть ниже по документу. Двойной
   класс поднимает специфичность и перебивает её независимо от порядка. */
.srfm-form-container.srfm-form-container {
  --srfm-color-scheme-text-on-primary: #17191c;
  --srfm-color-scheme-text: #f3f4f6;
  --srfm-color-input-text: #f3f4f6;
  --srfm-color-input-label: #f3f4f6;
}

.srfm-form-container .srfm-submit-button,
.srfm-form-container .srfm-submit-button:hover,
.srfm-form-container .srfm-submit-button:focus {
  color: #17191c;
}

/* Сообщения об ошибке и успехе — читаемый цвет на тёмном фоне */
.srfm-form-container .srfm-error-message { color: #ff9b9b; }
.srfm-form-container .srfm-success-message { color: #7ee2a8; }