export const theme = {
  colors: {
    bg: '#0a0a0f',
    surface: '#111118',
    card: '#141420',
    elevated: '#1a1a2e',
    border: '#2a2a3e',
    borderSubtle: '#1e1e30',
    gold: '#D4AF37',
    goldMuted: 'rgba(212, 175, 55, 0.15)',
    cream: '#f0e6d3',
    text: '#e0d6c8',
    textMuted: '#8a7f72',
    textDim: '#5a5248',
    success: '#5cbc8e',
    error: '#e05c5c',
    warning: '#e0b55c',
    info: '#5c8ee0',
  },
  fonts: {
    heading: "'Playfair Display', Georgia, serif",
    body: "'Inter', system-ui, -apple-system, sans-serif",
    mono: "'JetBrains Mono', 'Fira Code', monospace",
  },
  radius: {
    sm: '4px',
    md: '8px',
    lg: '12px',
    xl: '16px',
  },
  space: {
    xs: '4px',
    sm: '8px',
    md: '16px',
    lg: '24px',
    xl: '32px',
    xxl: '48px',
  },
} as const;

export type Theme = typeof theme;