import { createTheme } from '@pikku/mantine/core'

export const theme = createTheme({
  primaryColor: 'teal',
  colors: {
    teal: [
      '#E6F5F7',
      '#C2E6EB',
      '#9DD7DF',
      '#78C8D3',
      '#53B9C7',
      '#2A7B88',
      '#247A85',
      '#1E6A75',
      '#185A65',
      '#124A55',
    ],
  },
  fontFamily: '"Raleway", sans-serif',
  headings: {
    fontFamily: '"Cormorant", serif',
    fontWeight: '600',
  },
  other: {
    bodyBg: '#F5F0E8',
    textColor: '#3D2B1F',
  },
})