/* UpSystems design system tokens (Light), from the "UpSystems" Design System artifact (tokens.json, version 1).
   Do not hand-edit values: re-copy from the design system when it changes. Use the variables, never the hex. */
:root {
  --ink: #0b181b; --ink-soft: #3a4548; --muted: #5b6366; --muted-2: #8a9396; --on-ink: #ffffff;
  --surface: #e9e9ea; --surface-raised: #ffffff; --surface-sunken: #f4f6f7;
  --line: #d6d8d9; --line-strong: #b9bec0;
  --cyan: #57c0da; --cyan-soft: #e6f6fa;
  --mint: #02dbb0; --mint-soft: #d4f7ef;
  --amber: #e8a33d; --amber-soft: #fbf0dc; --amber-text: #7a5210;
  --orange: #e1743b; --orange-soft: #fbe6da; --orange-text: #8c4219;
  --red: #c9432f; --red-soft: #f8e0dc; --red-text: #9b2f1d;
  --header-field: #ffffff1a; --header-field-line: #ffffff59;
  --font-sans: 'Source Sans 3', 'Source Sans Pro', 'Segoe UI', sans-serif;
  --font-display: Assistant, 'Source Sans 3', 'Segoe UI', sans-serif;
  --font-mono: Consolas, 'SFMono-Regular', Menlo, monospace;
  --space-1: 4px; --space-1-5: 6px; --space-2: 8px; --space-3: 12px; --space-4: 16px; --space-5: 20px;
  --space-6: 24px; --space-7: 28px; --space-8: 32px; --space-12: 48px;
  --radius-xs: 3px; --radius-sm: 6px; --radius-md: 8px; --radius-lg: 14px; --radius-pill: 999px; --radius-circle: 50%;
  --header-height: 72px; --sidenav-width: 248px; --control-height: 44px; --control-height-sm: 34px; --control-height-xs: 32px;
  --accent-bar: 3px; --focus-ring: 3px solid #57c0da; --focus-offset: 2px;
}