export const theme = {
  colors: {
    bgMain: '#151515',
    bgSurface: '#151515',
    bgInput: '#1a1a1a',
    bgCode: '#0d0d0d',
    textPrimary: '#F5F5F5',
    textSecondary: '#8A8A8A',
    borderColor: '#333333',
    borderHover: '#555555',
    accentHover: '#FFFFFF',
    // status (org tree)
    levelHigh: '#f43f5e',
    levelMid: '#3b82f6',
    levelLow: '#10b981',
    levelNone: '#525252',
    // log tags
    tagSystem: '#888',
    tagSecurity: '#ff5f5f',
    tagOrg: '#5fafff',
    tagBackup: '#5fff8a',
    // status indicators
    statusPass: '#00FF00',
  },
  fonts: {
    sans: '-apple-system, BlinkMacSystemFont, "Inter", "Helvetica Neue", Helvetica, Arial, sans-serif',
    mono: 'ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace',
  },
  space: {
    xs: '4px',
    sm: '8px',
    md: '16px',
    lg: '24px',
    xl: '40px',
    xxl: '64px',
  },
} as const;

export type Theme = typeof theme;