'use client'

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

const brandColors: MantineColorsTuple = [
  '#E6F4FF', '#D9EBFF', '#B6D8FF', '#8EC2FF', '#63AAFF',
  '#3393FF', '#0080FF', '#006EE6', '#005FC6', '#004897',
]

export const theme = createTheme({
  primaryColor: 'brand',
  cursorType: 'pointer',
  colors: { brand: brandColors },
  defaultRadius: 'md',
})