/** @type {import('tailwindcss').Config} */
module.exports = {
  content: ["./index.html", "./src/**/*.{js,ts,jsx,tsx}"],
  theme: {
    // extend: {
    //   colors: {
    //     primary: {
    //       1: "var(--primary-1)",
    //       2: "var(--primary-2)",
    //       3: "var(--primary-3)",
    //       4: "var(--primary-4)",
    //       5: "var(--primary-5)",
    //       6: "var(--primary-6)",
    //       7: "var(--primary-7)",
    //     },
    //     success: {
    //       1: "var(--success-1)",
    //       2: "var(--success-2)",
    //       3: "var(--success-3)",
    //       4: "var(--success-4)",
    //       5: "var(--success-5)",
    //       6: "var(--success-6)",
    //       7: "var(--success-7)",
    //     },
    //     warning: {
    //       1: "var(--warning-1)",
    //       2: "var(--warning-2)",
    //       3: "var(--warning-3)",
    //       4: "var(--warning-4)",
    //       5: "var(--warning-5)",
    //       6: "var(--warning-6)",
    //       7: "var(--warning-7)",
    //     },
    //     danger: {
    //       1: "var(--danger-1)",
    //       2: "var(--danger-2)",
    //       3: "var(--danger-3)",
    //       4: "var(--danger-4)",
    //       5: "var(--danger-5)",
    //       6: "var(--danger-6)",
    //       7: "var(--danger-7)",
    //     },
    //     link: {
    //       1: "var(--link-1)",
    //       2: "var(--link-2)",
    //       3: "var(--link-3)",
    //       4: "var(--link-4)",
    //       5: "var(--link-5)",
    //       6: "var(--link-6)",
    //       7: "var(--link-7)",
    //     },
    //     background: {
    //       1: "var(--color-bg-1)",
    //       2: "var(--color-bg-2)",
    //       3: "var(--color-bg-3)",
    //       4: "var(--color-bg-4)",
    //       5: "var(--color-bg-5)",
    //       white: "var(--color-bg-white)",
    //     },
    //     text: {
    //       1: "var(--color-text-1)",
    //       2: "var(--color-text-2)",
    //       3: "var(--color-text-3)",
    //       4: "var(--color-text-4)",
    //     },
    //     border: {
    //       1: "var(--color-border-1)",
    //       2: "var(--color-border-2)",
    //       3: "var(--color-border-3)",
    //       4: "var(--color-border-4)",
    //     },
    //     fill: {
    //       1: "var(--color-fill-1)",
    //       2: "var(--color-fill-2)",
    //       3: "var(--color-fill-3)",
    //       4: "var(--color-fill-4)",
    //     },
    //     // data
    //     data: {
    //       1: "var(--data-1)",
    //       2: "var(--data-2)",
    //       3: "var(--data-3)",
    //       4: "var(--data-4)",
    //       5: "var(--data-5)",
    //       6: "var(--data-6)",
    //       7: "var(--data-7)",
    //       8: "var(--data-8)",
    //       9: "var(--data-9)",
    //       10: "var(--data-10)",
    //       11: "var(--data-11)",
    //       12: "var(--data-12)",
    //       13: "var(--data-13)",
    //       14: "var(--data-14)",
    //       15: "var(--data-15)",
    //       16: "var(--data-16)",
    //       17: "var(--data-17)",
    //       18: "var(--data-18)",
    //       19: "var(--data-19)",
    //       20: "var(--data-20)",
    //     },
    //     shadow: "--color-shadow"
    //   },
    // },
  },
};