/* Feasibility tier style tokens — the single visual vocabulary for
   confidence tiers, shared by the result page, report, and cards.
   Confidence styling doubles as legal language: never restyle a tier
   locally, import these tokens. Tier ids match feasibility/engine/tiers.mjs. */

:root {
  --feas-brand: #1b4332;
  --feas-clearly-bg: #15803d;
  --feas-clearly-fg: #ffffff;
  --feas-clearly-border: #15803d;
  --feas-likely-bg: #fffbeb;
  --feas-likely-fg: #b45309;
  --feas-likely-border: #d97706;
  --feas-professional-bg: #f3f4f6;
  --feas-professional-fg: #4b5563;
  --feas-professional-border: #9ca3af;
  --feas-not-bg: #fef2f2;
  --feas-not-fg: #b91c1c;
  --feas-not-border: #dc2626;
  --feas-envelope-fill: rgba(21, 128, 61, 0.20);
  --feas-envelope-line: #15803d;
  --feas-setback-fill: rgba(217, 119, 6, 0.18);
  --feas-footprint-fill: rgba(27, 67, 50, 0.85);
  --feas-parcel-line: #ffffff;
}

.feas-tier {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-weight: 700;
  font-size: 14px;
  letter-spacing: 0.01em;
  padding: 8px 16px;
  border-radius: 8px;
  border: 2px solid transparent;
}
.feas-tier--clearly_eligible {
  background: var(--feas-clearly-bg);
  color: var(--feas-clearly-fg);
  border-color: var(--feas-clearly-border);
}
.feas-tier--likely_eligible {
  background: var(--feas-likely-bg);
  color: var(--feas-likely-fg);
  border-color: var(--feas-likely-border);
}
.feas-tier--professional_check {
  background: var(--feas-professional-bg);
  color: var(--feas-professional-fg);
  border-color: var(--feas-professional-border);
}
.feas-tier--not_eligible {
  background: var(--feas-not-bg);
  color: var(--feas-not-fg);
  border-color: var(--feas-not-border);
}