// base colors
$white: #FFFFFF;
$lightGray: #999999;
$disabledBackground: #EFEFEF4D;
$lightBorder: #ced4da;
$secondary: #d6d8db;
$borderColor: #e9ecef;
$failColor: #efd13b;

// theme colors
$mainColor1: var(--cyan-900);
$mainBackgroundColor1: var(--cyan-200);
$inputPlaceholderColor1: var(--cyan-300);
$subColor1: var(--cyan-800);
$sub2Color1: var(--cyan-800);
$selectedRowColor1: var(--cyan-600);
$lightColor1: var(--cyan-100);
$light2Color1: var(--cyan-50);
$titleColor1: white;
$tableDataColor1: black;
$wholeBackgroundColor1: white;
$fontHighlightColor1: var(--cyan-900);

$mainColor2: var(--blue-800);
$mainBackgroundColor2: var(--blue-100);
$inputPlaceholderColor2: var(--blue-200);
$subColor2: var(--blue-700);
$sub2Color2: var(--blue-700);
$selectedRowColor2: var(--blue-400);
$lightColor2: var(--blue-100);
$light2Color2: var(--blue-50);
$titleColor2: white;
$tableDataColor2: black;
$wholeBackgroundColor2: white;
$fontHighlightColor2: var(--blue-800);

$mainColor3: var(--green-800);
$mainBackgroundColor3: var(--green-100);
$inputPlaceholderColor3: var(--green-200);
$subColor3: var(--green-700);
$sub2Color3: var(--green-700);
$selectedRowColor3: var(--green-500);
$lightColor3: var(--green-100);
$light2Color3: var(--green-50);
$titleColor3: white;
$tableDataColor3: black;
$wholeBackgroundColor3: white;
$fontHighlightColor3: var(--green-800);

$mainColor4: var(--yellow-800);
$mainBackgroundColor4: var(--yellow-100);
$inputPlaceholderColor4: var(--yellow-200);
$subColor4: var(--yellow-700);
$sub2Color4: var(--yellow-700);
$selectedRowColor4: var(--yellow-500);
$lightColor4: var(--yellow-100);
$light2Color4: var(--yellow-50);
$titleColor4: white;
$tableDataColor4: black;
$wholeBackgroundColor4: white;
$fontHighlightColor4: var(--yellow-800);

$mainColor5: var(--purple-800);
$mainBackgroundColor5: var(--purple-100);
$inputPlaceholderColor5: var(--purple-200);
$subColor5: var(--purple-700);
$sub2Color5: var(--purple-700);
$selectedRowColor5: var(--purple-400);
$lightColor5: var(--purple-100);
$light2Color5: var(--purple-50);
$titleColor5: white;
$tableDataColor5: black;
$wholeBackgroundColor5: white;
$fontHighlightColor5: var(--purple-800);

$mainColor6: var(--bluegray-800);
$mainBackgroundColor6: var(--bluegray-100);
$inputPlaceholderColor6: var(--bluegray-200);
$subColor6: var(--bluegray-700);
$sub2Color6: var(--bluegray-700);
$selectedRowColor6: var(--bluegray-500);
$lightColor6: var(--bluegray-100);
$light2Color6: var(--bluegray-50);
$titleColor6: white;
$tableDataColor6: black;
$wholeBackgroundColor6: white;
$fontHighlightColor6: var(--bluegray-800);

$mainColor7: #1E2226;
$mainBackgroundColor7: #1E2226;
$inputPlaceholderColor7: var(--gray-500);
$subColor7: var(--gray-300);
$sub2Color7: #1E2226;
$selectedRowColor7: var(--gray-500);
$lightColor7: var(--gray-300);
$light2Color7: #1E2226;
$titleColor7: var(--gray-300);
$tableDataColor7: #E2E2E3;
$wholeBackgroundColor7: #282E33;
$fontHighlightColor7: #E2E2E3;
$borderColor7: #565d61;