/* 1. Общая типографика под стиль прототипа */
body.t-body {
  font-family: "Roboto", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  color: #0b1720;
  line-height: 1.5;
}

/* Обычный текст, подписи, абзацы */
.t-text, .t-descr, .t-name, .t-uptitle {
  font-family: inherit;
  font-size: 16px;
  line-height: 1.5;
}

/* Заголовки */
.t-title, .t-heading {
  font-family: inherit;
  line-height: 1.25;
}

/* 2. Поля форм Тильды — делаем аккуратные, «как в прототипе» */
.t-input,
.t-input__vis,
.t-select,
.t-textarea {
  font-family: inherit;
  font-size: 14px;
  line-height: 1.4;
  background-color: #f7fbff;
  border-radius: 999px;
  border: 1px solid rgba(6, 148, 117, 0.5); /* мягкий зелёный контур */
  padding: 10px 18px;
  box-shadow: none;
}

/* текстовые поля побольше по радиусу */
.t-textarea {
  border-radius: 20px;
}

/* подсветка фокуса */
.t-input:focus,
.t-input__vis:focus,
.t-select:focus,
.t-textarea:focus {
  outline: none;
  border-color: #20c997;
  box-shadow: 0 0 0 1px rgba(32, 201, 151, 0.28);
}

/* 3. Кнопки форм — зелёные «пилюли» */
.t-btn,
.t-submit {
  font-family: inherit;
  font-size: 14px;
  font-weight: 600;
  border-radius: 999px;
  padding: 12px 32px;
  border: none;
  background-color: #20c997;
  color: #031011;
  box-shadow: 0 16px 30px rgba(32, 201, 151, 0.45);
}

.t-btn:hover,
.t-submit:hover {
  background-color: #18b386;
  box-shadow: 0 18px 34px rgba(24, 179, 134, 0.55);
}

/* 4. Мелкий сервисный текст под формами (ПДн и т.п.) */
.t-form__inputsbox .t-text_sm,
.t-form__inputsbox .t-descr_sm {
  font-size: 11px;
  line-height: 1.5;
  color: #8b9ab0;
}

/* 5. Чекбоксы и радиокнопки — аккуратнее контур и цвет галочки */
.t-checkbox__control,
.t-radio__control {
  border-radius: 4px;
  border-color: rgba(6, 148, 117, 0.6);
}

.t-checkbox__control:after,
.t-radio__control:after {
  background-color: #20c997;
}
