@import "tailwindcss";

@theme {
    --breakpoint-xsm: 480px;
    --breakpoint-sm: 640px;
    --breakpoint-md: 768px;
    --breakpoint-lg: 992px;
    --breakpoint-xl: 1200px;
    --breakpoint-xxl: 1440px;
    --breakpoint-xxxl: 1620px;

    /* Color */
    --color-primaryColor: #FF7E67;
    --color-secondaryColor: #006A71;
    --color-blackColor: #101828;
    --color-whiteColor: #FFFFFF;
    --color-grey344Color: #344054;
    --color-grey475Color: #475467;
    --color-grey667Color: #667085;
    --color-grey5AColor: #5a5a5a;
    --color-grey62Color: #626262;
    --color-whiteFBColor: #F9FAFB;
    --color-black: #000000;
    --color-whiteFC: #FFFCFC;
    --color-whiteEC: #e4e7ec;
    --color-red18: #B42318;
    --color-red38: #F04438;
    --color-green: #17b26a;
    --color-grey30: #D1D5DB;
    --color-grey85: #667085;
 

    /* Hover */
    --color-hoverPrimaryBgColor: #FF927F;
    --color-hoverSecondaryBgColor: #68b0ab;
    --color-hoverSecondaryBorderBtnBgColor: #ecf4f3;
    --color-hoverWhiteBgColor: #f5f5f5;
    --color-hoverWhiteBorderBtnBgColor: #ffffff20;

    /* Bg Color */
    --color-bgColor: #ECF4F3;

    /* Font Size Variables */
    --text-size-fs10: 10px;
    --text-size-fs12: 12px;
    --text-size-fs14: 14px;
    --text-size-fs16: 16px;
    --text-size-fs18: 18px;
    --text-size-fs20: 20px;
    --text-size-fs22: 22px;
    --text-size-fs24: 24px;
    --text-size-fs26: 26px;
    --text-size-fs28: 28px;
    --text-size-fs30: 30px;
    --text-size-fs32: 32px;
    --text-size-fs34: 34px;
    --text-size-fs36: 36px;
    --text-size-fs38: 38px;
    --text-size-fs40: 40px;
    --text-size-fs42: 42px;
    --text-size-fs44: 44px;
    --text-size-fs46: 46px;
    --text-size-fs48: 48px;
    --text-size-fs50: 50px;
    --text-size-fs52: 52px;
    --text-size-fs54: 54px;
    --text-size-fs56: 56px;
    --text-size-fs58: 58px;
    --text-size-fs60: 60px;
    --text-size-fs62: 62px;
    --text-size-fs64: 64px;
    --text-size-fs66: 66px;
    --text-size-fs68: 68px;
    --text-size-fs70: 70px;
    --text-size-fs72: 72px;
    --text-size-fs74: 74px;
    --text-size-fs76: 76px;
    --text-size-fs78: 78px;
    --text-size-fs80: 80px;

    /* Font Weight Variables */
    --font-weight-fw200: 200;
    --font-weight-fw300: 300;
    --font-weight-fw400: 400;
    --font-weight-fw500: 500;
    --font-weight-fw600: 600;
    --font-weight-fw700: 700;
    --font-weight-fw800: 800;
}