:root { --brand: #16a34a; }
body { font-family: Inter, system-ui, -apple-system, Segoe UI, Roboto, "Helvetica Neue", Arial, "Noto Sans", "Apple Color Emoji", "Segoe UI Emoji"; }
.brand { color: var(--brand); }
.brand-bg { background-color: var(--brand); }
.brand-ring { box-shadow: 0 0 0 3px rgba(22,163,74,.25); }
/* Utility clones so we don't need Tailwind build for custom helpers */
.card { background: white; border-radius: 1rem; box-shadow: 0 1px 3px rgba(0,0,0,.08), 0 1px 2px rgba(0,0,0,.06); padding: 1.25rem; border: 1px solid rgba(100,116,139,.2); }
.field { width: 100%; border-radius: .75rem; border: 1px solid rgba(100,116,139,.4); padding: .75rem; background: white; color: inherit; }
.btn { background: var(--brand); color: white; border-radius: .75rem; padding: .75rem 1rem; font-weight: 600; }
.muted { color: #475569; }
@media (prefers-color-scheme: dark) {
  .dark .card { background: #1f2937; border-color: #334155; }
  .dark .field { background: #0f172a; border-color: #334155; color: #e5e7eb; }
  .dark .muted { color: #cbd5e1; }
}