export const kitchenPrimary = {
  dark: {
    colorPrimary: '#007AFF',
    colorPrimaryActive: '#1554ad',
    colorPrimaryBg: '#111a2c',
    colorPrimaryBgHover: '#112545',
    colorPrimaryBorder: '#15325b',
    colorPrimaryBorderHover: '#15417e',
    colorPrimaryHover: '#3c89e8',
    colorPrimaryText: '#1668dc',
    colorPrimaryTextActive: '#1554ad',
    colorPrimaryTextHover: '#3c89e8',
  },
  light: {
    colorPrimary: '#007AFF',
    colorPrimaryActive: '#0958d9',
    colorPrimaryBg: '#e6f4ff',
    colorPrimaryBgHover: '#bae0ff',
    colorPrimaryBorder: '#91caff',
    colorPrimaryBorderHover: '#69b1ff',
    colorPrimaryHover: '#4096ff',
    colorPrimaryText: '#1677ff',
    colorPrimaryTextActive: '#0958d9',
    colorPrimaryTextHover: '#4096ff',
  },
};

export const kitchenNeutral = {
  dark: {
    colorBgContainer: '#1f1f1f',
    colorBgElevated: '#222',
    colorBgLayout: '#181818',
    colorBgSpotlight: '#444',
    colorBorder: '#444',
    colorBorderSecondary: '#333',
    colorFill: 'rgb(255 255 255 / 18%)',
    colorFillQuaternary: 'rgb(255 255 255 / 4%)',
    colorFillSecondary: 'rgb(255 255 255 / 12%)',
    colorFillTertiary: 'rgb(255 255 255 / 8%)',
    colorNeutral: '#666',
    colorText: 'rgb(255 255 255 / 85%)',
    colorTextQuaternary: 'rgb(255 255 255 / 25%)',
    colorTextSecondary: 'rgb(255 255 255 / 65%)',
    colorTextTertiary: 'rgb(255 255 255 / 45%)',
  },
  light: {
    colorBgContainer: '#fff',
    colorBgElevated: '#fff',
    colorBgLayout: '#f7f7f7',
    colorBgSpotlight: 'rgb(0 0 0 / 85%)',
    colorBorder: '#ddd',
    colorBorderSecondary: '#eee',
    colorFill: 'rgb(0 0 0 / 15%)',
    colorFillQuaternary: 'rgb(0 0 0 / 2%)',
    colorFillSecondary: 'rgb(0 0 0 / 6%)',
    colorFillTertiary: 'rgb(0 0 0 / 4%)',
    colorNeutral: '#666',
    colorText: 'rgb(0 0 0 / 88%)',
    colorTextQuaternary: 'rgb(0 0 0 / 25%)',
    colorTextSecondary: 'rgb(0 0 0 / 65%)',
    colorTextTertiary: 'rgb(0 0 0 / 45%)',
  },
};
