tailwind.config.js

module.exports = {
    theme: {
        extend: {
            colors: {
                cyfrin: {
                    brand: {
                        25: "#F5F8FF",
                        50: "#EFF4FF",
                        100: "#D1E0FF",
                        200: "#B2CCFF",
                        300: "#84ADFF",
                        400: "#528BFF",
                        500: "#2970FF",
                        600: "#155EEF",
                        700: "#004EEB",
                        800: "#0040C1",
                        900: "#00359E",
                        950: "#002266",
                    },
                    "gradient-brand":
                    "linear-gradient(180deg, #2C84FF 17.92%, #001CB1 160.59%",
                },
                codehawks: {
                    brand: {
                    25: "#FFF9F5",
                    50: "#FFF4ED",
                    100: "#FFE6D5",
                    200: "#FFD6AE",
                    300: "#FF9C66",
                    400: "#FF692E",
                    500: "#FF4405",
                    600: "#E62E05",
                    700: "#BC1B06",
                    800: "#97180C",
                    900: "#771A0D",
                    950: "#57130A",
                    },
                },
                solodit: {
                    brand: {
                    25: "#FCFAFF",
                    50: "#F9F5FF",
                    100: "#F4EBFF",
                    200: "#E9D7FE",
                    300: "#D6BBFB",
                    400: "#B692F6",
                    500: "#9E77ED",
                    600: "#7F56D9",
                    700: "#6941C6",
                    800: "#53389E",
                    900: "#42307D",
                    950: "#2C1C5F",
                    },
                },
                updraft: {
                        brand: {
                        25: "#F5F8FF",
                        50: "#EFF4FF",
                        100: "#D1E0FF",
                        200: "#B2CCFF",
                        300: "#84ADFF",
                        400: "#528BFF",
                        500: "#2970FF",
                        600: "#155EEF",
                        700: "#004EEB",
                        800: "#0040C1",
                        900: "#00359E",
                        950: "#002266",
                        },
                },
                    text: {
                        primary: "#101828",
                        secondary: "#344054",
                        tertiary: "#475467",
                    },
            },
        },
    },
    }