tailwind.config.js

/** @type {import('tailwindcss').Config} */
export default {
  content: ['./index.html', './src/**/*.{js,ts,jsx,tsx}'],
  theme: {
    colors: {
      dark_purple: {
        DEFAULT: '#242038',
        100: '#07060b',
        200: '#0e0d16',
        300: '#151321',
        400: '#1c192c',
        500: '#242038',
        600: '#463f6d',
        700: '#695ea2',
        800: '#9b93c1',
        900: '#cdc9e0',
      },
      slate_blue: {
        DEFAULT: '#725ac1',
        100: '#150f29',
        200: '#2b1f51',
        300: '#402e7a',
        400: '#553ea3',
        500: '#725ac1',
        600: '#8d7acd',
        700: '#aa9bd9',
        800: '#c6bce6',
        900: '#e3def2',
      },
      tropical_indigo: {
        DEFAULT: '#8d86c9',
        100: '#17152e',
        200: '#2f2a5d',
        300: '#463f8b',
        400: '#6259b4',
        500: '#8d86c9',
        600: '#a59fd4',
        700: '#bbb7df',
        800: '#d2cfe9',
        900: '#e8e7f4',
      },
      french_gray: {
        DEFAULT: '#cac4ce',
        100: '#29252c',
        200: '#524958',
        300: '#7b6e84',
        400: '#a399aa',
        500: '#cac4ce',
        600: '#d5d0d8',
        700: '#dfdce2',
        800: '#eae8ec',
        900: '#f4f3f5',
      },
      linen: {
        DEFAULT: '#f7ece1',
        100: '#4b2f14',
        200: '#965f28',
        300: '#d08e4d',
        400: '#e4be98',
        500: '#f7ece1',
        600: '#f9f1e8',
        700: '#fbf4ee',
        800: '#fcf8f4',
        900: '#fefbf9',
      },
    },
    extend: {
      fontFamily: {
        sans: ['Inter', 'sans-serif'],
      },
    },
  },
  plugins: [],
};