/**
 * Mirror de la paleta declarada en `tailwind.preset.cjs` para casos donde
 * necesitamos el color en JS (por ejemplo, prop `color` de iconos Lucide o de
 * componentes nativos que aún no aceptan className). Para estilos visuales,
 * preferir clases NativeWind.
 *
 * Valores idénticos al web kit (`ags-web-ui-kit/src/styles/tokens.css`).
 */
export const tailwindColors = {
  primary: '#1d4236',
  primaryForeground: '#ffffff',
  secondary: '#c87a3c',
  danger: '#ed8688',
  warning: '#ebc40e',
  success: '#405f54',
  successForeground: '#ffffff',
  foreground: '#000000',
  background: '#ffffff',
  focus: '#456359',
  overlay: '#000000',
  grey: '#acacb4',
  greyDark: '#78837c',
};

export type TailwindColorKey = keyof typeof tailwindColors;