tailwind.config.ts

import type { Config } from "tailwindcss";

const config: Config = {
  content: ["./src/pages/**/*.{js,ts,jsx,tsx,mdx}", "./src/components/**/*.{js,ts,jsx,tsx,mdx}", "./src/app/**/*.{js,ts,jsx,tsx,mdx}"],
  theme: {
    extend: {
      colors: {
        primary: {
          "50": "#ffefef",
          "100": "#ffbec1",
          "200": "#ff8e92",
          "300": "#ff5e64",
          "400": "#e04248",
          "500": "#b7292e",
          "600": "#8e161a",
          "700": "#65080b",
        },
        neutral: {
          "50": "#fafafa",
          "100": "#f5f5f5",
          "200": "#eeeeee",
          "300": "#e1e1e1",
          "400": "#cacaca",
          "500": "#8e8e8e",
          "600": "#4b4b4b",
          "700": "#1f1f1f",
        },
        info: {
          "50": "#f8fcff",
          "100": "#f1f8ff",
          "200": "#e4f2ff",
          "300": "#bdddff",
          "400": "#93c8ff",
          "500": "#4ba1ff",
          "600": "#3b82f6",
          "700": "#3a70e2",
        },
        warning: {
          "50": "#fffdfa",
          "100": "#fff9ee",
          "200": "#fff7e1",
          "300": "#ffeab3",
          "400": "#ffdd82",
          "500": "#ffc62b",
          "600": "#ffad0d",
          "700": "#fe9b0e",
        },
        success: {
          "50": "#fbfefc",
          "100": "#f2faf6",
          "200": "#e5f5ec",
          "300": "#c0e5d1",
          "400": "#97d4b4",
          "500": "#6bc497",
          "600": "#47b881",
          "700": "#0c9d61",
        },
      },
      fontSize: {
        sm: "0.875rem",
        base: "1rem",
        lg: "1.125rem",
        xl: "1.25rem",
        "2xl": "1.5rem",
        "3xl": "1.75rem",
        "4xl": "2.25rem",
        "5xl": "2.75rem",
        "6xl": "4rem",
      },
      lineHeight: {
        heading: "1.3",
        body: "1.7",
      },
      boxShadow: { Shadow: "0px 0px 18px 0px rgba(0,0,0,0.08)" },
      borderRadius: {
        none: "0",
        xs: "0.125rem",
        sm: "0.25rem",
        default: "0.3125rem",
        lg: "0.625rem",
        xl: "1.5625rem",
        "2xl": "3.75rem",
        full: "9999px",
      },
    },
  },
  plugins: [],
};
export default config;