/** @type {import('tailwindcss').Config} */
export default {
    content: [
        "./index.html",
        "./src/**/*.{vue,js,ts,jsx,tsx}",
    ],
    theme: {
        extend: {
            colors: {
                primary: {
                    DEFAULT: "#5D7EEB",
                    50: "#F0F3FF",
                    100: "#E1E8FF",
                    200: "#C3D1FF",
                    300: "#A5BAFF",
                    400: "#87A3FF",
                    500: "#5D7EEB",
                    600: "#4A63BC",
                    700: "#38488D",
                    800: "#252D5E",
                    900: "#13122F",
                },
                success: {
                    DEFAULT: "#07c160",
                    50: "#f0f9f0",
                    100: "#e1f5e1",
                    200: "#c3ebc3",
                    300: "#a5e1a5",
                    400: "#87d787",
                    500: "#07c160",
                    600: "#059a4c",
                    700: "#047338",
                    800: "#024c24",
                    900: "#012510",
                },
                warning: {
                    DEFAULT: "#ff976a",
                    50: "#fff5f0",
                    100: "#ffebe1",
                    200: "#ffd7c3",
                    300: "#ffc3a5",
                    400: "#ffaf87",
                    500: "#ff976a",
                    600: "#cc7955",
                    700: "#995b40",
                    800: "#663d2a",
                    900: "#331f15",
                },
                danger: {
                    DEFAULT: "#ee0a24",
                    50: "#fdf2f2",
                    100: "#fce5e5",
                    200: "#f9caca",
                    300: "#f6b0b0",
                    400: "#f39595",
                    500: "#ee0a24",
                    600: "#be081d",
                    700: "#8f0616",
                    800: "#5f040e",
                    900: "#300207",
                },
                gray: {
                    50: "#fafafa",
                    100: "#f5f5f5",
                    200: "#e5e5e5",
                    300: "#d4d4d4",
                    400: "#a3a3a3",
                    500: "#737373",
                    600: "#525252",
                    700: "#404040",
                    800: "#262626",
                    900: "#171717",
                },
            },
            fontFamily: {
                sans: [
                    "Inter",
                    "-apple-system",
                    "BlinkMacSystemFont",
                    "Segoe UI",
                    "Roboto",
                    "Oxygen",
                    "Ubuntu",
                    "Cantarell",
                    "Fira Sans",
                    "Droid Sans",
                    "Helvetica Neue",
                    "sans-serif",
                ],
            },
        },
    },
    plugins: [],
};