import resolveConfig from 'tailwindcss/resolveConfig';
import tailwindConfig from 'tailwindcss/defaultConfig';
import { readableColor } from 'color2k';

const gray = {
  50: '#FAFAFA',
  100: '#F7F7F8',
  200: '#E1E1E1',
  300: '#C1C1C1',
  400: '#A2A2A2',
  500: '#828282',
  600: '#6E6E6E',
  700: '#595959',
  800: '#424242',
  900: '#2B2B2B',
  950: '#1A1A1A'
};
const blue = {
  '50': '#E6E9FE',
  '100': '#D2D8FD',
  '200': '#B6BFFC',
  '300': '#8E9EFA',
  '400': '#6D82F8',
  '500': '#4B65F7',
  '600': '#334CDB',
  '700': '#3142A4',
  '800': '#2B3A82',
  '900': '#1C244D',
  '950': '#151B37'
};
const green = {
  '50': '#E9F6EF',
  '100': '#D3EADD',
  '200': '#B7DCC7',
  '300': '#8BC8A5',
  '400': '#68BB8C',
  '500': '#43A16C',
  '600': '#2C744B',
  '700': '#1B5F43',
  '800': '#0E4E3D',
  '900': '#0B382C',
  '950': '#06281F'
};
const red = {
  '50': '#FBEBE9',
  '100': '#F7D8D5',
  '200': '#F2BAB5',
  '300': '#EC9D96',
  '400': '#E4766C',
  '500': '#E06358',
  '600': '#BF453A',
  '700': '#AB342A',
  '800': '#8D2A20',
  '900': '#672018',
  '950': '#40130F'
};
const yellow = {
  '50': '#FEFCE8',
  '100': '#FFFBC2',
  '200': '#FFF487',
  '300': '#FFE743',
  '400': '#FFD723',
  '500': '#EFBA03',
  '600': '#CE9000',
  '700': '#A46604',
  '800': '#884F0B',
  '900': '#734110',
  '950': '#432105'
};

function swapColorValues(colors) {
  const swappedColors = {};
  const keys = Object.keys(colors);
  const length = keys.length;
  for (let i = 0; i < length / 2; i++) {
    const key1 = keys[i];
    const key2 = keys[length - 1 - i];
    swappedColors[key1] = colors[key2];
    swappedColors[key2] = colors[key1];
  }
  if (length % 2 !== 0) {
    const middleKey = keys[Math.floor(length / 2)];
    swappedColors[middleKey] = colors[middleKey];
  }
  return swappedColors;
}

const tw = resolveConfig(tailwindConfig).theme;
const base = {
  light: {
    background: {
      DEFAULT: '#FFFFFF'
    },
    foreground: {
      ...gray,
      DEFAULT: gray[800]
    },
    divider: {
      DEFAULT: 'rgba(17, 17, 17, 0.15)'
    },
    focus: {
      DEFAULT: blue[500]
    },
    overlay: {
      DEFAULT: '#000000'
    },
    content1: {
      DEFAULT: '#FFFFFF',
      foreground: gray[800]
    },
    content2: {
      DEFAULT: gray[100],
      foreground: gray[800]
    },
    content3: {
      DEFAULT: gray[200],
      foreground: gray[800]
    },
    content4: {
      DEFAULT: gray[300],
      foreground: gray[800]
    }
  },
  dark: {
    background: {
      DEFAULT: gray[950]
    },
    foreground: {
      ...swapColorValues(gray),
      DEFAULT: gray[200]
    },
    focus: {
      DEFAULT: blue[500]
    },
    overlay: {
      DEFAULT: '#000000'
    },
    divider: {
      DEFAULT: 'rgba(255, 255, 255, 0.15)'
    },
    content1: {
      DEFAULT: gray[900],
      foreground: gray[200]
    },
    content2: {
      DEFAULT: gray[800],
      foreground: gray[200]
    },
    content3: {
      DEFAULT: gray[700],
      foreground: gray[100]
    },
    content4: {
      DEFAULT: gray[600],
      foreground: gray[50]
    }
  }
};
const themeColorsLight = {
  ...base.light,
  default: {
    ...gray,
    foreground: readableColor(gray[300]),
    DEFAULT: gray[300]
  },
  primary: {
    ...blue,
    foreground: readableColor(blue[500]),
    DEFAULT: blue[500]
  },
  success: {
    ...green,
    foreground: readableColor(green[600]),
    DEFAULT: green[600]
  },
  warning: {
    ...yellow,
    foreground: readableColor(yellow[700]),
    DEFAULT: yellow[700]
  },
  danger: {
    ...red,
    foreground: tw.colors.white,
    DEFAULT: red[600]
  }
};
const themeColorsDark = {
  ...base.dark,
  default: {
    ...swapColorValues(gray),
    foreground: readableColor(gray[700]),
    DEFAULT: gray[700]
  },
  primary: {
    ...swapColorValues(blue),
    foreground: readableColor(blue[500]),
    DEFAULT: blue[400]
  },
  success: {
    ...swapColorValues(green),
    foreground: tw.colors.white,
    DEFAULT: green[500]
  },
  warning: {
    ...swapColorValues(yellow),
    foreground: readableColor(yellow[500]),
    DEFAULT: yellow[500]
  },
  danger: {
    ...swapColorValues(red),
    foreground: readableColor(red[400]),
    DEFAULT: red[400]
  }
};
const semanticColors = {
  light: themeColorsLight,
  dark: themeColorsDark
};

export { green as a, blue as b, swapColorValues as c, gray as g, red as r, semanticColors as s, yellow as y };
//# sourceMappingURL=semantic-Us_bxqq7.js.map
