
:root {
    
    --body: #fff;
    --black: #000;
    --white: #fff;
    --theme: #F39F5F;
    --theme2: #70A6B1;
    --header: #385469;
    --text: #5C707E;
    --text-2: #ffffffcc;
    --border: #E5E5E5;
    --border2: #242449;
    --border3: #5262FF;
    --bg: #F4EEE5;
    --bg2: #EFF5F6;
    --bg3: #70A6B1;
    --box-shadow: 0px 4px 25px rgba(0, 0, 0, 0.06);
}

// Theme Color - Defualt Colors
$black: var(--black);
$white: var(--white);
$theme-color: var(--theme);
$theme-color-2: var(--theme2);
$text-color: var(--text);
$text-color-2: var(--text-2);
$header-color: var(--header);
$border-color: var(--border);
$border-color-2: var(--border2);
$border-color-3: var(--border3);
$bg-color: var(--bg);
$bg-color-2: var(--bg2);
$bg-color-3: var(--bg3);
$shadow: var(--box-shadow);