export default {
  'colors-bg': '#f9fafb',
  'colors-bgSubtle': '#f3f4f6',
  'colors-bgElement': '#e5e7eb',
  'colors-bgHover': '#d1d5db',
  'colors-bgSelected': '#dbeafe',

  'colors-text': '#111827',
  'colors-textMuted': '#6b7280',
  'colors-textFaint': '#9ca3af',
  'colors-textFaintest': '#9ca3af',

  'colors-border': '#d1d5db',
  'colors-link': '#0891b2',

  'colors-primary': '#2563eb',
  'colors-primaryText': '#fff',

  'colors-dangerBorder': '#fecaca',
  'colors-dangerText': '#dc2626',
  'colors-error': '#dc2626',

  'colors-statusRunning': '#16a34a',
  'colors-statusStopped': '#9ca3af',
  'colors-statusStarting': '#ca8a04',
  'colors-statusInvalid': '#dc2626',

  'colors-success': '#2e7d32',
  'colors-successBg': '#e8f5e9',
  'colors-done': '#888',

  'fonts-sans': 'system-ui, -apple-system, sans-serif',
  'fonts-mono': 'ui-monospace, monospace',

  'spacing-xs': '4px',
  'spacing-sm': '8px',
  'spacing-md': '12px',
  'spacing-lg': '16px',
  'spacing-xl': '24px',

  'radius-md': '6px',
} as const
