/* Generated from shared/design.js — do not edit. */
:root {
  --bg: #0f1115;
  --panel: #181b22;
  --card: #1f242e;
  --border: #2c3340;
  --text: #e8eaf0;
  --muted: #8b93a5;
  --accent: #d4a941;
  --accent-dark: #b58e2f;
  --on-accent: #14161b;
  --on-color: #ffffff;
  --green: #3fb46a;
  --blue: #4a90d9;
  --red: #d95757;
  --orange: #d98f3f;
  --primary: #d4a941;
  --on-primary: #14161b;
  --secondary: #8b93a5;
  --success: #3fb46a;
  --warning: #d98f3f;
  --danger: #d95757;
  --info: #4a90d9;
  --neutral: #8b93a5;
  --surface: #181b22;
  --surface-raised: #1f242e;
  --background: #0f1115;
  --outline: #2c3340;
  --body: #e8eaf0;
  --text-xs: 11px;
  --text-sm: 12px;
  --text-base: 13px;
  --text-md: 14px;
  --text-lg: 16px;
  --text-xl: 20px;
  --text-xxl: 22px;
  --text-display: 26px;
  --space-none: 0px;
  --space-xxs: 2px;
  --space-xs: 4px;
  --space-sm: 6px;
  --space-md: 8px;
  --space-lg: 10px;
  --space-xl: 12px;
  --space-xxl: 16px;
  --space-xxxl: 24px;
  --space-huge: 32px;
  --radius-none: 0px;
  --radius-sm: 6px;
  --radius-md: 8px;
  --radius-lg: 10px;
  --radius-xl: 12px;
  --radius-xxl: 14px;
  --radius-pill: 20px;
  --radius-round: 9999px;
  --border-hairline: 1px;
  --border-thick: 2px;
  --border-emphasis: 3px;
  --border-status-bar: 4px;
  --status-new: #d95757;
  --status-assigned: #3fb46a;
  --status-accepted: #3fb46a;
  --status-en_route: #4a90d9;
  --status-arrived: #d98f3f;
  --status-on_board: #d4a941;
  --status-completed: #3fb46a;
  --status-cancelled: #8b93a5;
  --primary-tint: rgba(212, 169, 65, 0.14);
  --on-primary-tint: rgba(20, 22, 27, 0.14);
  --secondary-tint: rgba(139, 147, 165, 0.14);
  --success-tint: rgba(63, 180, 106, 0.14);
  --warning-tint: rgba(217, 143, 63, 0.14);
  --danger-tint: rgba(217, 87, 87, 0.14);
  --info-tint: rgba(74, 144, 217, 0.14);
  --neutral-tint: rgba(139, 147, 165, 0.14);
  --surface-tint: rgba(24, 27, 34, 0.14);
  --surface-raised-tint: rgba(31, 36, 46, 0.14);
  --background-tint: rgba(15, 17, 21, 0.14);
  --outline-tint: rgba(44, 51, 64, 0.14);
  --body-tint: rgba(232, 234, 240, 0.14);
  --scrim: rgba(0, 0, 0, 0.6);
  --font-family: 'Segoe UI', system-ui, -apple-system, sans-serif;
  --shadow-dialog: 0 12px 32px rgba(0,0,0,.45);
  --shadow-menu: 0 6px 18px rgba(0,0,0,.35);
  --focus-ring-width: 2px;
  --focus-ring-offset: 2px;
  --min-pointer-target: 24px;
  --min-touch-target: 44px;
}