/* AFOGPS — generated from tokens.json. Do not edit by hand. */
:root, [data-theme="night"] {
  --bg-000: #060b16;
  --bg-100: #0a1222;
  --bg-200: #0f1a2e;
  --bg-300: #15233c;
  --bg-400: #1c2d4b;
  --line-100: #1e2d47;
  --line-200: #56709a;
  --ink-100: #e8eef8;
  --ink-200: #aebbd0;
  --ink-300: #8a9bb6;
  --accent-500: #5aa6ff;
  --accent-fill: #1f63d1;
  --on-accent: #ffffff;
  --accent-tint: #132c52;
  --status-work: #33c4d6;
  --status-onsite: #4cc48a;
  --status-private: #f2a33a;
  --status-idle: #8a9bb6;
  --status-offline: #ff6f6f;
  --status-work-tint: #0d2a33;
  --status-onsite-tint: #0f2a22;
  --status-private-tint: #30230f;
  --status-idle-tint: #18233a;
  --status-offline-tint: #341518;
  --map-water: #050a14;
  --map-land: #0a1324;
  --map-block: #0d182c;
  --map-road: #18273f;
  --map-road-major: #22375a;
  --map-park: #0b1c22;
  --map-label: #6f82a2;
  --geofence: #4cc48a;
  --track-work: var(--status-work);
  --track-private: var(--status-private);
  --shadow-float: 0 8px 24px rgba(0,0,0,0.45), 0 0 0 1px #1e2d47;
}
[data-theme="day"] {
  --bg-000: #e6ecf3;
  --bg-100: #f2f5f9;
  --bg-200: #ffffff;
  --bg-300: #eef2f8;
  --bg-400: #dfe8f4;
  --line-100: #d9e1ec;
  --line-200: #74869f;
  --ink-100: #0b1424;
  --ink-200: #34445d;
  --ink-300: #55667f;
  --accent-500: #1757c2;
  --accent-fill: #1757c2;
  --on-accent: #ffffff;
  --accent-tint: #e3edfc;
  --status-work: #0a7584;
  --status-onsite: #1b7449;
  --status-private: #9a5800;
  --status-idle: #5b6b84;
  --status-offline: #c22e35;
  --status-work-tint: #e0f3f5;
  --status-onsite-tint: #e2f3ea;
  --status-private-tint: #fbefdc;
  --status-idle-tint: #ebeff5;
  --status-offline-tint: #fbe5e6;
  --map-water: #cfdcea;
  --map-land: #eef1f4;
  --map-block: #e4e8ee;
  --map-road: #ffffff;
  --map-road-major: #f6dfa9;
  --map-park: #dbe9d6;
  --map-label: #5b6b84;
  --geofence: #1b7449;
  --track-work: var(--status-work);
  --track-private: var(--status-private);
  --shadow-float: 0 8px 24px rgba(11,20,36,0.14), 0 0 0 1px #d9e1ec;
}
:root {
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 24px;
  --space-6: 32px;
  --radius-sm: 2px;
  --radius-md: 4px;
  --radius-lg: 6px;
  --control-h: 32px;
  --row-h: 36px;
  --rail-w: 64px;
  --panel-w: 340px;
  --font-sans: "IBM Plex Sans", "Segoe UI", system-ui, sans-serif;
  --font-mono: "IBM Plex Mono", ui-monospace, "SFMono-Regular", Menlo, monospace;
}
.title { font-family: var(--font-sans); font-size: 22px; line-height: 28px; font-weight: 600; letter-spacing: -0.01em; }
.heading { font-family: var(--font-sans); font-size: 15px; line-height: 22px; font-weight: 600; }
.body { font-family: var(--font-sans); font-size: 13px; line-height: 20px; font-weight: 400; }
.body-strong { font-family: var(--font-sans); font-size: 13px; line-height: 20px; font-weight: 500; }
.caption { font-family: var(--font-sans); font-size: 12px; line-height: 16px; font-weight: 400; }
.label { font-family: var(--font-sans); font-size: 11px; line-height: 16px; font-weight: 500; letter-spacing: 0.06em; }
.data { font-family: var(--font-mono); font-size: 13px; line-height: 20px; font-weight: 400; }
.data-sm { font-family: var(--font-mono); font-size: 11px; line-height: 16px; font-weight: 400; }
.figure { font-family: var(--font-mono); font-size: 24px; line-height: 28px; font-weight: 500; letter-spacing: -0.02em; }