export default {
  'colors-bg': '#0a0a0a',
  'colors-bgSubtle': '#111',
  'colors-bgElement': '#1f1f1f',
  'colors-bgHover': '#2a2a2a',
  'colors-bgSelected': '#1f1f1f',

  'colors-text': '#e5e5e5',
  'colors-textMuted': '#999',
  'colors-textFaint': '#666',
  'colors-textFaintest': '#555',

  'colors-border': '#333',
  'colors-link': '#22d3ee',

  'colors-primary': '#1d4ed8',
  'colors-primaryText': '#e5e5e5',

  'colors-dangerBorder': '#7f1d1d',
  'colors-dangerText': '#fca5a5',
  'colors-error': '#f87171',

  'colors-statusRunning': '#22c55e',
  'colors-statusStopped': '#666',
  'colors-statusStarting': '#eab308',
  'colors-statusInvalid': '#ef4444',

  'colors-success': '#81c784',
  'colors-successBg': '#1b3d1e',
  'colors-done': '#666',

  '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