import { Appearance, ColorSchemeName } from 'react-native';
import type { ThemeMode } from '../types/models';
export type Palette = ReturnType<typeof makePalette>;
const makePalette = (dark: boolean) => ({
  dark,
  bg: dark ? '#07111F' : '#F4F7FB',
  bgSoft: dark ? '#0B1726' : '#EDF2F8',
  panel: dark ? '#0E1B2B' : '#FFFFFF',
  panel2: dark ? '#122238' : '#F7F9FC',
  panel3: dark ? '#172B43' : '#EEF3F8',
  border: dark ? '#29405B' : '#CBD6E3',
  text: dark ? '#EEF5FF' : '#17263A',
  strong: dark ? '#FFFFFF' : '#0B1728',
  muted: dark ? '#AEBED1' : '#53677E',
  subtle: dark ? '#8295AA' : '#6E8196',
  accent: dark ? '#D7B56D' : '#9A6F1F',
  accentText: dark ? '#07111F' : '#FFFFFF',
  danger: dark ? '#FF9A9A' : '#9F1F2E',
  success: dark ? '#83E0AD' : '#176D45',
  warning: dark ? '#F4CA73' : '#7B570D',
  info: dark ? '#8DC7FF' : '#155EAA',
  overlay: dark ? 'rgba(3,8,16,.72)' : 'rgba(21,35,52,.42)',
});
export const resolvePalette = (mode: ThemeMode, system: ColorSchemeName = Appearance.getColorScheme() ?? 'light') => makePalette(mode === 'dark' || (mode === 'system' && system === 'dark'));