:root {
  --oa-bg-0: #080909;
  --oa-bg-1: #101211;
  --oa-bg-2: #171917;
  --oa-panel: #131615f2;
  --oa-line-soft: #343a36;
  --oa-line: #667069;
  --oa-line-strong: #d8ded7;
  --oa-text: #f1f0eb;
  --oa-text-muted: #a8aea8;
  --oa-text-dim: #7f8982;
  --oa-paper: #e8e3d6;
  --oa-existing-fill: #d9d6c8;
  --oa-existing-line: #fff7df;
  --oa-parcel-line: #f1efe5;
  --oa-zoning-fill: #6d8da0;
  --oa-zoning-line: #a7c3d2;
  --oa-allowed-fill: #b9a76b;
  --oa-allowed-line: #dac577;
  --oa-proposed-fill: #c6957e;
  --oa-proposed-line: #ffd1bd;
  --oa-context-line: #6f7a77;
  --oa-verified: #7fc49a;
  --oa-derived: #7fb0cb;
  --oa-estimated: #d1a84f;
  --oa-stale: #d4bd66;
  --oa-unknown: #b8b8ad;
  --oa-error: #e08470;
  --oa-stage-existing: var(--oa-existing-line);
  --oa-stage-zoning: var(--oa-zoning-line);
  --oa-stage-allowed: var(--oa-allowed-line);
  --oa-stage-proposed: var(--oa-proposed-line);
  --oa-font-ui: Arial, Helvetica, sans-serif;
  --oa-font-label: "Arial Narrow", Arial, Helvetica, sans-serif;
  --oa-weight-hairline: 0.5px;
  --oa-weight-context: 1px;
  --oa-weight-subject: 2px;
  --oa-weight-emphasis: 3px;
  --oa-radius: 2px;
  --oa-space-1: 4px;
  --oa-space-2: 8px;
  --oa-space-3: 12px;
  --oa-space-4: 16px;
  --oa-space-5: 24px;
  --oa-opacity-context: 0.18;
  --oa-opacity-derived: 0.24;
  --oa-opacity-existing: 0.52;
}