/* Обычный внешний CSS: функция theme() здесь не работает, поэтому значения
   записаны литералами. Они должны совпадать с токенами в js/tailwind.config.js:
   surface #fbf9f6, on-surface #1c1b1b, fontFamily.sans, fontFamily.serif. */

body {
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
  background-color: #fbf9f6;
  color: #1c1b1b;
}

/* Утилита .font-sans (0-1-0) перебивает это правило — заголовки карточек,
   у которых она проставлена, намеренно остаются без засечек. */
h1, h2, h3, h4, h5, h6 {
  font-family: 'Noto Serif', serif;
}

.material-symbols-outlined {
  font-variation-settings: 'FILL' 1, 'wght' 400, 'GRAD' 0, 'opsz' 24;
}

details > summary {
  list-style: none;
}

details > summary::-webkit-details-marker {
  display: none;
}

.glass-header {
  background: rgba(251, 249, 246, 0.9);
  -webkit-backdrop-filter: blur(8px);
  backdrop-filter: blur(8px);
}

/* Honeypot: moved off-screen rather than display:none — bots skip hidden fields. */
.hp {
  position: absolute;
  left: -9999px;
  top: auto;
  width: 1px;
  height: 1px;
  overflow: hidden;
}

/* Form states */
.field-error {
  border-color: #ba1a1a !important;
}

#leadForm button[type='submit'][disabled] {
  opacity: 0.6;
  cursor: not-allowed;
}