export default {
  'colors-bg': '#f5f5f0',
  'colors-bgElevated': '#fff',
  'colors-bgHover': '#e8e8e0',

  'colors-fg': '#0a0a0a',
  'colors-fgMuted': '#666',
  'colors-fgDim': '#999',

  'colors-border': '#ddd',
  'colors-borderActive': '#008800',

  'colors-accent': '#008800',
  'colors-accentDim': '#00aa00',

  'fonts-mono': "'Monaco', 'Menlo', 'Consolas', monospace",
  'fonts-sans': "-apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif",

  'spacing-xs': '8px',
  'spacing-sm': '12px',
  'spacing-md': '16px',
  'spacing-lg': '24px',
  'spacing-xl': '32px',
  'spacing-xxl': '48px',

  'radius-sm': '4px',
  'radius-md': '8px',
  'radius-lg': '12px',
} as const