@font-face {
    font-family: 'aileronRegular';
    src: url('../fonts/Aileron-Regular.eot');
    src: url('../fonts/Aileron-Regular.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Aileron-Regular.woff2') format('woff2'),
        url('../fonts/Aileron-Regular.woff') format('woff'),
        url('../fonts/Aileron-Regular.ttf') format('truetype'),
        url('../fonts/Aileron-Regular.svg#Aileron-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'aileronSemibold';
    src: url('../fonts/Aileron-SemiBold.eot');
    src: url('../fonts/Aileron-SemiBold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Aileron-SemiBold.woff2') format('woff2'),
        url('../fonts/Aileron-SemiBold.woff') format('woff'),
        url('../fonts/Aileron-SemiBold.ttf') format('truetype'),
        url('../fonts/Aileron-SemiBold.svg#Aileron-SemiBold') format('svg');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'aileronBold';
    src: url('../fonts/Aileron-Bold.eot');
    src: url('../fonts/Aileron-Bold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Aileron-Bold.woff2') format('woff2'),
        url('../fonts/Aileron-Bold.woff') format('woff'),
        url('../fonts/Aileron-Bold.ttf') format('truetype'),
        url('../fonts/Aileron-Bold.svg#Aileron-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}



/*light theme colors*/
:root {
    --font-regular: 'aileronRegular';
    --font-semibold: 'aileronSemibold';
    --font-bold: 'aileronBold';

    --primary-100: #124E4A;
    --primary-90: #46928E;
    --primary-color: #53A6A2;
    --primary-80: #7FD7CA;
    --primary-70: #ABE9DE;
    --primary-60: #BADAD8;
    --primary-50: #DBECEB;
    --primary-40: #faffff;


    --black-color: #1A1A1A;
    --white-color: #fff;

    --grey-100: #1a1c23;
    --grey-90: #2f3033;
    --grey-80: #3d3e41;
    --grey-70: #808080;
    --grey-60: #969696;
    --grey-50: #b0b0b0;
    --grey-40: #cccccc;
    --grey-30: #ececec;
    --grey-20: #f6f6f6;
    --grey-10: #f9f9f9;

    --negative-btn-bg: #F05C5C;
    --negative-btn-hover: #de4f4f;
    --negative-color: #E80000;
    --light-negative-bg: #FFEAEA;

    --body-bg: #FAFFFF;
    --footer-bg: #FAFFFF;
    --login-bg: #fff;

    --leftnav-bg: #000000;
    --topnav-bg: #fff;

    --ai-tiles-bg: #DBECEB;
    --ai-tiles-hover: #cfe5e3;

    --dashboard-widget-bg: #fff;

    --bot-response-bg: #fff;
    --user-response-bg: #1A1C23;

    --placeholder-color: #969696;
    --input-text-color: #1A1A1A;
    --border-color: #ECECEC;
    --input-bg: #FFFFFF;

    --link-color: #3D94EC;
    --link-hover-color: #2274c7;

    --table-th-bg-color: #F0EFFF;
    --table-border-color: #ECECEC;
    --table-th-color: #1A1A1A;
    --table-td-color: #1A1A1A;

    --green-100: #17803D;
    --green-90: #18CA59;
    --green-80: #5BFA95;
    --green-70: #C2F9D6;
    --green-60: #EFFDF4;

    --red-100: #E80000;
    --red-90: #FF4141;
    --red-80: #FF8787;
    --red-70: #FED7D6;
    --red-60: #FEF2F2;

    --orange-100: #CB7000;
    --orange-90: #FC8A00;
    --orange-80: #FFDEB7;
    --orange-70: #FFEBD3;
    --orange-60: #FFF6EB;

    --darkblue-100: #252C51;
    --darkblue-90: #3E4A87;
    --darkblue-80: #5664B0;
    --darkblue-70: #99A1CC;
    --darkblue-60: #D2D5E7;

    --blue-100: #1F3A8A;
    --blue-90: #1C4ED8;
    --blue-80: #5286CB;
    --blue-70: #6592CD;
    --blue-60: #93B3DD;
    --blue-50: #CAD9EC;
    --blue-40: #E6EDF6;
    --blue-30: #EAF3FF;

    --purple-100: #3D3B55;
    --purple-90: #413D75;
    --purple-80: #645FA6;
    --purple-70: #8783BD;
    --purple-60: #BAB8DB;
    --purple-50: #D4D3E7;
    --purple-40: #F0EFFF;
}

.dark-theme {
    --font-regular: 'aileronRegular';
    --font-semibold: 'aileronSemibold';
    --font-bold: 'aileronBold';

    --primary-100: #46928E;
    --primary-90: #509B97;
    --primary-color: #53A6A2;
    --primary-70: #BADAD8;
    --primary-60: #DBECEB;
    --primary-50: #faffff;

    --black-color: #fff;
    --grey-100: #1a1c23;
    --grey-90: #2f3033;
    --grey-80: #3d3e41;
    --grey-70: #808080;
    --grey-60: #969696;
    --grey-50: #b0b0b0;
    --grey-40: #cccccc;
    --grey-30: #ececec;
    --grey-20: #f6f6f6;
    --grey-10: #f9f9f9;

    --negative-btn-bg: #F05C5C;
    --negative-btn-hover: #de4f4f;
    --negative-color: #e34141;
    --light-negative-bg: #FFEAEA;

    --body-bg: #1A1C23;
    --footer-bg: #1A1C23;
    --login-bg: #2F3033;

    --leftnav-bg: #000000;
    --topnav-bg: #2F3033;

    --ai-tiles-bg: #34373D;
    --ai-tiles-hover: #2F3137;

    --bot-response-bg: #2F3033;
    --user-response-bg: #2F3033;

    --placeholder-color: #969696;
    --input-text-color: #fff;
    --border-color: #3f4043;
    --input-bg: #333438;

    --link-color: #3D94EC;
    --link-hover-color: #2274c7;

    --table-th-bg-color: #3D3B55;
    --table-border-color: #3D3E41;
    --table-th-color: #FFFFFF;
    --table-td-color: #FFFFFF;

    --green-100: #17803D;
    --green-90: #18CA59;
    --green-80: #5BFA95;
    --green-70: #C2F9D6;
    --green-60: #EFFDF4;

    --red-100: #E80000;
    --red-90: #FF4141;
    --red-80: #FF8787;
    --red-70: #FED7D6;
    --red-60: #FEF2F2;

    --orange-100: #CB7000;
    --orange-90: #FC8A00;
    --orange-80: #FFDEB7;
    --orange-70: #FFEBD3;
    --orange-60: #FFF6EB;

    --darkblue-100: #252C51;
    --darkblue-90: #3E4A87;
    --darkblue-80: #5664B0;
    --darkblue-70: #99A1CC;
    --darkblue-60: #D2D5E7;

    --blue-100: #5286CB;
    --blue-90: #6592CD;
    --blue-80: #93B3DD;
    --blue-70: #CAD9EC;
    --blue-60: #E6EDF6;
    --blue-50: #EAF3FF;

    --purple-100: #3D3B55;
    --purple-90: #413D75;
    --purple-80: #645FA6;
    --purple-70: #8783BD;
    --purple-60: #BAB8DB;
    --purple-50: #D4D3E7;
    --purple-40: #F0EFFF;
}

/*dark theme colors*/
/* :root {
    --font-regular: 'aileronRegular';
    --font-semibold: 'aileronSemibold';
    --font-bold: 'aileronBold';

    --primary-100: #46928E;
    --primary-90: #509B97;
    --primary-color: #53A6A2;
    --primary-70: #BADAD8;
    --primary-60: #DBECEB;
    --primary-50: #faffff;

    --black-color: #fff;
    --grey-100: #1a1c23;
    --grey-90: #2f3033;
    --grey-80: #3d3e41;
    --grey-70: #808080;
    --grey-60: #969696;
    --grey-50: #b0b0b0;
    --grey-40: #cccccc;
    --grey-30: #ececec;
    --grey-20: #f6f6f6;
    --grey-10: #f9f9f9;

    --negative-btn-bg: #F05C5C;
    --negative-btn-hover: #de4f4f;
    --negative-color: #e34141;
    --light-negative-bg: #FFEAEA;

    --body-bg: #1A1C23;
    --footer-bg: #1A1C23;
    --login-bg: #2F3033;

    --leftnav-bg: #000000;
    --topnav-bg: #2F3033;

    --ai-tiles-bg: #34373D;
    --ai-tiles-hover: #2F3137;

    --bot-response-bg: #2F3033;
    --user-response-bg: #2F3033;

    --placeholder-color: #969696;
    --input-text-color: #fff;
    --border-color: #3f4043;
    --input-bg: #333438;

    --link-color: #3D94EC;
    --link-hover-color: #2274c7;

    --table-th-bg-color: #3D3B55;
    --table-border-color: #3D3E41;
    --table-th-color: #FFFFFF;
    --table-td-color: #FFFFFF;

    --green-100: #17803D;
    --green-90: #18CA59;
    --green-80: #5BFA95;
    --green-70: #C2F9D6;
    --green-60: #EFFDF4;

    --red-100: #E80000;
    --red-90: #FF4141;
    --red-80: #FF8787;
    --red-70: #FED7D6;
    --red-60: #FEF2F2;

    --orange-100: #CB7000;
    --orange-90: #FC8A00;
    --orange-80: #FFDEB7;
    --orange-70: #FFEBD3;
    --orange-60: #FFF6EB;

    --darkblue-100: #252C51;
    --darkblue-90: #3E4A87;
    --darkblue-80: #5664B0;
    --darkblue-70: #99A1CC;
    --darkblue-60: #D2D5E7;

    --blue-100: #5286CB;
    --blue-90: #6592CD;
    --blue-80: #93B3DD;
    --blue-70: #CAD9EC;
    --blue-60: #E6EDF6;
    --blue-50: #EAF3FF;

    --purple-100: #3D3B55;
    --purple-90: #413D75;
    --purple-80: #645FA6;
    --purple-70: #8783BD;
    --purple-60: #BAB8DB;
    --purple-50: #D4D3E7;
    --purple-40: #F0EFFF;
} */