module.exports = {
  purge: ["./src/**/*.{js,jsx,ts,tsx}", "./public/index.html"],
  darkMode: "class", // or 'media' or 'class'
  theme: {
    backgroundColor: (theme) => ({
      ...theme("colors"),
      blueC0: "#196EC0", //در سبد خرید - دکمه ادامه فرآیند
      blueB0: "#517AB0", // صفحه هوم دسکتاپ - زیر اسلایدر متن لیست محصولات
      blue90: "#235A90", // نقطه های مشخص کننده صفحه در دسکتاپ انیمیشن حالت خاموش
      blueCB: "#98B2CB", // صفحه فعال سازی کتاب دیجیتال دکمه فعال سازی با کد QR
      blueEB: "#2B8DEB", // نوار پروگرس مقدار داخلی که داره پر میشه
      blueFF: "#E8FCFF", // در موبایل صفحه ویديو رنگ پس زمینه لیست فصل ها
      blueFF1: "#E9F0FF", // در صفحه نمایش ویديو پس زمینه پلی لیست
      blueFD: "#F6F9FD", // در صفحه فعال سازی کتاب پس زمینه هشدار 
      blueFD1 : "#F4F8FD", // در صفحه فعال سازی هدر بالای سایت
      blueFFOP : "rgba(6, 146, 255, 0.36)", // در صفحه محصولات دکمه پاک کردن فیلترها در سایدبار
      redFF: "#FFE6E6", // در انیمیشن موبایل که میاد کد رو اسکن کنه نتیجه اسکن پس زمینه پی دی اف
      redFF1: "#FF2020", // در آیکن همبرگری نقطه نوتیف
      red19: "#C01919", // در صفحه محصول رنگ متن مشاهده نمونه
      yellow2: "#FDFFDA", // در انیمیشن موبایل که برای اسکن کد میاد نتیجه اسکن پس زمینه لینک ها
      yellow3: "#EFFF00", // خط زیر متن یادگیری در دیزاین موبایل پابلیک صفحه هوم
      gray36: "#363636", // در حالت دارک صفحه موبایل پس زمینه دکمه های کیو آر و ای آز در هدر
      orange1: "#FF6600", // خط زیر متن کنارتونیم در دیزاین موبایل پابلیک صفحه هوم
      greenBA: "#06BACE", // در سرچ اصلی سایت رنگ تکست تایتل محصولات و صفحات
      green1: "#00FF80", // خط زیر متن یادگیری جذاب در دیزاین موبایل پابلیک صفحه هوم
      gray20: "#202020", // هیچ جا
      gray2077: "#20202077", // در صفحه محصولات حالت دارک صفحه محصولات پس زمینه سرچ 
      gray2C: "#2C2C2C", // هیچ جا
      gray50: "#505050", // در صفحه اسکن کیو آر رنگ پس زمینه ی روی عکس
      grayE3: "#E3E3E3", // رنگ پس زمینه لپ تاپ در صفحه هوم موبایل که نشون دهنده ریسپانسیو بودن سایت ماست
      grayEE: "#EEEEEE", // رنگ پس زمینه موبایل در صفحه هوم موبایل که نشون دهنده ریسپانسیو بودن سایت ماس
      grayF9: "#F9F9F9", // رنگ پس زمینه قیمت محصول و گارنتی و فلان در سبد خرید
      grayF4: "#EBF0F4", // در صفحه محصولات رنگ پس زمینه عکس کتاب
      grayF7: "#F7F7F7" // رنگ پس زمینه باکس اضافه کردن به سبد خرید در صفحه محصول
    }),
    textColor: (theme) => ({
      ...theme("colors"),
      primary: "#235A90",
      blueC0: "#196EC0", //در سبد خرید - دکمه ادامه فرآیند 
      blueC01: "#1999C0", // هیچ جا
      blueE8: "#2E81E8", // در صفحه محصول متن به من کمک کن انتخاب کنم
      blue52: "#132F52", // در باکس اضافه کردن به سبد خرید رنگ متن با خرید این محصول فلان تومن سود کن
      blue5F: "#05335F", // رنگ لینکها در هدر بالای سایت
      blueB9: "#86A0B9", // در موبایل تب پایین صفحه رنگ متن صفحات
      green71: "#067182", // در دسکتاپ انیمیشن قسمت برگزاری آزمون تکست زمان بافیمانده
      greenBA: "#06BACE", // در سرچ اصلی سایت رنگ تکست تایتل محصولات و صفحات
      red5F: "#5F1A05", // در انیمیشن موبایل که میاد کد رو اسکن کنه نتیجه اسکن متن پی دی اف
      red19: "#C01919", // در صفحه محصول رنگ متن مشاهده نمونه
      yellow1: "#5F5F05", // در انیمیشن موبایل که برای اسکن کد میاد نتیجه اسکن رنگ متن لینک ه
      gray1: "#333333", // رنگ متن سرچ در صفحه محصولات موبایل
      gray70: "#707070", // رنگ متن تایتل لیست لینک ها در فوتر سایت
      grayDB: "#DBDBDB", // در دراور موبایل رنگ متن شماره موبایل کاربر در حالت دارک 
    }),
    // height: (theme) =>( {
    //   sm: '8px',
    //   md: '16px',
    //   lg: '24px',
    //   xl: '48px',
    //   h420 : '320px',
    //   full: '100%',
    //   }),
    borderColor: (theme) => ({
      ...theme("colors"),
      blueC0: "#196EC0",
      blueC01: "#1999C0",
      blueFE: "#C1E0FE",
      blueFF1: "#E9F0FF",
      blueB9: '#86A0B9',
      grayDB: "#DBDBDB",
      gray45: "#454545",
      red19: "#C01919",

    }),
    fill: (theme) => ({
      ...theme("colors"),
      blueC0: "#196EC0",
      grayDF: "#DFDFDF",
      greenBA: "#06BACE",
    }),
    fontSize: {
      'xs': 'clamp(9px, 2.78vw, 11px)',
      'sm': 'clamp(11px, 3.02vw , 13px)',
      'tiny': 'clamp(13px,3.28vw, 15px)',
      'base': 'clamp(15px, 3.52vw, 17px)',
      'lg': 'clamp(17px, 3.76vw, 19px)',
      'xl': 'clamp(19px, 4vw, 21px)',
      '2xl': 'clamp(21px, 4.24vw, 23px)',
      '3xl': 'clamp(23px, 4.48vw, 25px)',
      '4xl': 'clamp(25px, 4.72vw, 27px)',
      '5xl': 'clamp(27px, 4.96vw, 29px)',
      '6xl': 'clamp(29px, 5.22vw, 31px)',
      '7xl': 'clamp(31px, 4.46vw, 33px)',
      'sm-1': '0.5rem'
    },
    extend: {
      borderRadius: {
        sm: "3px",
      },
    },
  },
  variants: {
    extend: {},
  },
  plugins: [],
};