/* keep only thin theme extras; prioritize our form rules */
:root {
  --brand: #597DBA;
}

/* headings used above forms */
.title { color: var(--brand); font-size: clamp(20px, 2.2vw, 28px); margin: 0 0 8px; }
.subtitle { color: var(--brand); font-weight: 700; margin: 16px 0 8px; }

/* when other legacy .form or .field rules exist, ensure ours apply */
.form-card .form-grid .input,
.form-card .form-grid .select,
.form-card .form-grid .textarea {
  all: unset;
  display: block;
  width: 100%;
  min-height: 40px;
  padding: 8px 12px;
  border: 1px solid #d1d5db;
  border-radius: 8px;
  background: #fff;
  color: #1f2937;
}
.form-card .form-grid .textarea { min-height: 96px; resize: vertical; }

/* buttons, consistent with brand */
.button { background: var(--brand); color: #fff; }
.button:hover { filter: brightness(1.05); }
.btn-secondary:hover { filter: brightness(0.98); }

/* make sure any old generic .form/.field widths don’t override our grid */
.form-card .field, .form-card .form-field { width: 100% !important; }