/**
 * form.css — shared contact form styles
 * ──────────────────────────────────────
 * Uses CSS variables — override per-site in your own :root block.
 * Default tokens match the TAG Enterprise / Ledger Sovereignty dark-gold theme.
 *
 * Variables used (all optional — defaults shown):
 *   --form-bg:          rgba(201,160,68,0.04)
 *   --form-border:      rgba(201,160,68,0.25)
 *   --form-border-focus: #c9a044
 *   --form-label:       #c9a044
 *   --form-text:        #f0ead8
 *   --form-radius:      8px
 *   --form-surface:     #13120e
 *   --form-btn-color:   #c9a044
 *   --form-btn-bg-hover: #c9a044
 *   --form-btn-text-hover: #0b0a08
 *   --form-success:     #7ec87e
 *   --form-error:       #e07070
 */

.cf-wrap {
  background: var(--form-surface, #13120e);
  border: 1px solid var(--form-border, rgba(201,160,68,0.25));
  border-radius: var(--form-radius, 12px);
  padding: 2rem;
  margin-top: 1.5rem;
}

.cf-group {
  margin-bottom: 1.25rem;
  position: relative;
}

.cf-label {
  display: block;
  font-size: 0.75rem;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  color: var(--form-label, #c9a044);
  margin-bottom: 0.4rem;
}

.cf-input,
.cf-textarea {
  width: 100%;
  background: var(--form-bg, rgba(201,160,68,0.04));
  border: 1px solid var(--form-border, rgba(201,160,68,0.25));
  border-radius: var(--form-radius, 8px);
  color: var(--form-text, #f0ead8);
  font-family: inherit;
  font-size: 1rem;
  font-weight: 300;
  padding: 0.6rem 0.85rem;
  outline: none;
  transition: border-color 0.25s;
}

.cf-input:focus,
.cf-textarea:focus {
  border-color: var(--form-border-focus, #c9a044);
}

.cf-textarea {
  resize: vertical;
  min-height: 110px;
}

.cf-error {
  font-size: 0.78rem;
  color: var(--form-error, #e07070);
  margin-top: 0.25rem;
  display: none;
}

.cf-error.show { display: block; }

.cf-btn {
  display: inline-block;
  padding: 0.7rem 2rem;
  background: transparent;
  border: 1px solid var(--form-btn-color, #c9a044);
  border-radius: var(--form-radius, 8px);
  color: var(--form-btn-color, #c9a044);
  font-family: inherit;
  font-size: 0.85rem;
  letter-spacing: 0.15em;
  text-transform: uppercase;
  cursor: pointer;
  transition: background 0.25s, color 0.25s;
}

.cf-btn:hover {
  background: var(--form-btn-bg-hover, #c9a044);
  color: var(--form-btn-text-hover, #0b0a08);
}

.cf-btn:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}

.cf-status {
  margin-top: 1rem;
  font-size: 0.9rem;
  display: none;
}

.cf-status.success {
  color: var(--form-success, #7ec87e);
  display: block;
}

.cf-status.error {
  color: var(--form-error, #e07070);
  display: block;
}