tailwind.config.ts

import { type Config } from "tailwindcss";

export default {
  content: ["./src/**/*.{js,ts,jsx,tsx}"],
  safelist: [
    {
      pattern: /(bg|text|border)-(red|green|blue|yellow)-(25|600)/,
    },
  ],
  theme: {
    colors: {
      white: "#ffffff",
      gray: {
        25: "#F5F4F2",
        100: "#DEDDD7",
        200: "#B2B2AF",
        300: "#979799",
        400: "#84848A",
        500: "#6F7079",
        600: "#606168",
        700: "#4E4E52",
        800: "#3C3C3D",
        900: "#292926",
      },
      green: {
        25: "#D6F9F0",
        100: "#A0E5D2",
        200: "#67D5B7",
        300: "#3EC5A0",
        400: "#00AE7E",
        500: "#019A70",
        600: "#007454",
        700: "#00503A",
        800: "#003E2D",
        900: "#002D21",
      },
      blue: {
        25: "#E2ECF8",
        100: "#B7CFEB",
        200: "#6EA0DB",
        300: "#4189DE",
        400: "#1A6CCE",
        500: "#0E53A6",
        600: "#09448C",
        700: "#083872",
        800: "#022857",
        900: "#021B3A",
      },
      red: {
        25: "#FEE7E0",
        100: "#FFBAA4",
        200: "#FB9472",
        300: "#FF794F",
        400: "#FD6B3C",
        500: "#FA3D00",
        600: "#D63501",
        700: "#AC2900",
        800: "#892101",
        900: "#571500",
      },
      orange: {
        25: "#FFF8F5",
        100: "#FFC6A5",
        200: "#FB9D68",
        300: "#FF8F50",
        400: "#FD772A",
        500: "#FD5C00",
        600: "#E75400",
        700: "#AE3F00",
        800: "#893201",
        900: "#582000",
      },
      yellow: {
        25: "#FFE9D1",
        100: "#FFD6A6",
        200: "#FDBE73",
        300: "#FFAF51",
        400: "#FEA337",
        500: "#FF8B00",
        600: "#E47D02",
        700: "#AE5F00",
        800: "#814701",
        900: "#593000",
      },
    },
    extend: {
      fontFamily: {
        oswald: ["Oswald", "sans-serif"],
        oxygen: ["Oxygen", "sans-serif"],
      },
    },
  },
  plugins: [],
} satisfies Config;