import { createTheme, type MantineColorsTuple } from '@pikku/mantine/core'

const quorum: MantineColorsTuple = [
  '#EAF1ED',
  '#D5E6DB',
  '#B0CFBB',
  '#8FCBA9',
  '#4E9B72',
  '#2E6F54',
  '#1F5641',
  '#1A4837',
  '#143A2C',
  '#0E1F18',
]

const amber: MantineColorsTuple = [
  '#FDF7EE',
  '#F6EEDD',
  '#F0E3C4',
  '#EBC57A',
  '#D4A84E',
  '#C09030',
  '#B08A3E',
  '#8A6A1E',
  '#6E5218',
  '#523D12',
]

export const theme = createTheme({
  primaryColor: 'quorum',
  primaryShade: { light: 6, dark: 5 },
  colors: { quorum, amber },
  fontFamily: "'Public Sans', system-ui, sans-serif",
  fontFamilyMonospace: "'IBM Plex Mono', ui-monospace, Menlo, monospace",
  headings: {
    fontFamily: "'Source Serif 4', Georgia, serif",
    fontWeight: '600',
  },
  defaultRadius: 'sm',
})