/* Mobi Field Tools tokens — generated from the design system's tokens.json (v3). */
:root {
  --brand: #44752d;
  --on-brand: #ffffff;
  --brand-strong: #345a23;
  --accent: #165f8d;
  --accent-strong: #124b6f;
  --accent-bg: #e4f0f8;
  --logo-blue: #2088c9;
  --logo-green: #68b445;
  --screen-bg: #f5f7f4;
  --surface: #ffffff;
  --outline: #e3e8e4;
  --divider: #eef1ee;
  --track: #e8ede9;
  --text-primary: #17211b;
  --text-muted: #55625a;
  --switch-off: #b8c1bb;
  --connected-outline: #8fcb9e;
  --status-progress-fg: #8a5a00;
  --status-progress-bg: #fff1d1;
  --status-progress-bar: #d99a00;
  --status-confirming-fg: #1b4f9c;
  --status-confirming-bg: #deeafb;
  --status-confirming-bar: #2f6fd0;
  --status-failed-fg: #a12622;
  --status-failed-bg: #fce3e1;
  --status-failed-bar: #c8332e;
  --status-updated-fg: #1f6b34;
  --status-updated-bg: #ddf1e2;
  --status-updated-bar: #1f8a3b;
  --status-neutral-fg: #55625a;
  --status-neutral-bg: #eef1ee;
  --status-neutral-bar: #9aa59e;
  --status-optional-fg: #8a5a00;
  --status-optional-bg: #fff1d1;
  --chart-1: #165f8d;
  --chart-2: #44752d;
  --chart-3: #8a5aa8;
  --space-2: 2px;
  --space-4: 4px;
  --space-6: 6px;
  --space-8: 8px;
  --space-10: 10px;
  --space-12: 12px;
  --space-14: 14px;
  --space-16: 16px;
  --space-20: 20px;
  --space-24: 24px;
  --radius-bar: 2px;
  --radius-pill: 10px;
  --radius-card: 16px;
  --radius-card-lg: 18px;
  --radius-button: 28px;
  --radius-full: 9999px;
  --size-icon-badge: 12px;
  --size-icon-button-glyph: 18px;
  --size-icon: 20px;
  --size-icon-back: 22px;
  --size-touch: 44px;
  --size-row: 48px;
  --size-row-lg: 56px;
  --size-hairline: 1px;
  --size-bar: 4px;
  --size-dot: 10px;
  --font-sans: Roboto, system-ui, -apple-system, "Segoe UI", sans-serif;
  --font-mono: "Roboto Mono", "Droid Sans Mono", ui-monospace, Menlo, monospace;
}