/* Global theme tokens */
:root {
  --bg: #ffffff;
  --surface: #f6f8fb;
  --surface-2: #eef2f7;
  --text: #0f172a;
  --muted: #475569;
  --muted-2: #64748b;
  --border: #e2e8f0;
  --primary: #10b981;
  --primary-ink: #064e3b;
  --accent: #0ea5e9;
}

html, body {
  background: var(--bg);
  color: var(--text);
}

.bg-surface { background: var(--surface); }
.bg-surface-2 { background: var(--surface-2); }
.border-default { border-color: var(--border); }
.text-muted { color: var(--muted); }
.text-muted-2 { color: var(--muted-2); }
.text-strong { color: var(--text); }
.section-tint {
  background: linear-gradient(90deg, rgba(16,185,129,0.08), rgba(14,165,233,0.06));
}
.hover-surface-2:hover { background: var(--surface-2); }
.step-card {
  background: var(--surface-2);
  border: 1px solid var(--border);
}
.step-card:hover { background: #e2e8f0; }
.btn-primary {
  background: var(--primary);
  color: #ffffff;
  border: 1px solid rgba(16,185,129,0.35);
}
.btn-primary:hover { background: #0f9f73; }
.btn-secondary {
  background: var(--surface);
  color: var(--text);
  border: 1px solid var(--border);
}
.btn-secondary:hover { background: var(--surface-2); }

/* Minimal extra styling for Django form widgets */
input, select, textarea {
  width: 100%;
  border-radius: 0.75rem;
  border: 1px solid var(--border);
  background: var(--surface);
  color: var(--text);
  padding: 0.65rem 0.85rem;
  outline: none;
}
textarea { resize: vertical; }
input:focus, select:focus, textarea:focus {
  border-color: rgba(16,185,129,0.55);
  box-shadow: 0 0 0 4px rgba(16,185,129,0.12);
}
label { display: block; }