export const surface = {
  surface0: '#0A0F1E',
  surface1: '#111827',
  surface2: '#1F2937',
  surface3: '#374151',
} as const;

export const brand = {
  primary: '#6366F1',
  primaryHover: '#818CF8',
  accent: '#10B981',
  accentHover: '#34D399',
} as const;

export const text = {
  primary: '#F9FAFB',
  secondary: '#9CA3AF',
  tertiary: '#6B7280',
} as const;

export const semantic = {
  success: '#10B981',
  warning: '#F59E0B',
  error: '#EF4444',
  info: '#3B82F6',
} as const;

export const border = {
  default: '#374151',
  subtle: '#1F2937',
} as const;

export const colors = {
  surface,
  brand,
  text,
  semantic,
  border,
} as const;

export type SurfaceToken = keyof typeof surface;
export type BrandToken = keyof typeof brand;
export type TextToken = keyof typeof text;
export type SemanticToken = keyof typeof semantic;
export type BorderToken = keyof typeof border;
