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: {
        'background': "var(--background)",
        'foreground': "var(--foreground)",
        'primary': "var(--primary)",
        'overlay': "var(--overlay)",
        'overlay-2': "var(--overlay-2)",
        'overlay-3': "var(--overlay-3)",
        'overlay-bright': "var(--overlay-bright)",
        'outline': "var(--outline)",
        'outline2': "var(--outline2)",
        'success-bg': "var(--success-bg)",
        'success': "var(--success)",
        'failure-bg': "var(--failure-bg)",
        'failure': "var(--failure)",
        'mixed': "var(--mixed)",
        'navbar': "var(--navbar)",
      },
      fontWeight: {
        thin: "100",
        extralight: "200",
        light: "300",
        normal: "400",
        medium: "500",
        semibold: "600",
        bold: "700",
        extrabold: "800",
        black: "900",
      },
    },
    borderRadius: {
      DEFAULT: "0.5rem",
      sms: "0.1rem",
      sm: "0.125rem",
      sml: "0.25rem",

      mds: "0.3rem",
      md: "0.375rem",
      mdl: "0.5rem",

      lgs: "0.75rem",
      lg: "1rem",

      xl: "2rem",
      full: "9999px",
    },
    fontSize: {
      xs: "0.75rem",
      sm: "0.875rem",
      base: "1rem",
      
      mds: "1.05rem",
      md: "1.105rem",
      mdl: "1.1rem",

      lg: "1.125rem",
      xl: "1.25rem",

      "2xl": "1.5rem",
      "3xl": "1.875rem",
      "4xl": "2.25rem",
    },
    fontWeight: {
      thin: "100",
      extralight: "200",
      light: "300",
      normal: "400",
      medium: "500",
      semibold: "600",
      bold: "700",
      extrabold: "800",
      black: "900",
    },
    outlineWidth: {
      DEFAULT: "2px",
      1: "1px",
      1.25: "1.25px",
      1.5: "1.5px",
      1.75: "1.75px",
      2: "2px",
      3: "3px",
      4: "4px",
      6: "6px",
      8: "8px",
    },
  },
  plugins: [],
};
export default config;