// font family             
$sofia: 'Sofia Pro', sans-serif;                  
$font-awesome: "Font Awesome 5 Pro";

// colors
:root{
    --primary: #D46454; 
    --secondary: #5CB49B;
    --secondary-light: #E2F3EE;
    --ascent: #CDC6D7;
    --ascent-primary: #FFE9EF;
    --ascent2: #EACDBD;
    --ascent3: #E9F8F0;
    --dark: #000000;
    --dark2: #595959;
    --dark4: #E6E6E6;
    --info: #219FFF;
    --success: #17BD8D;
    --warning: #FFA114;
    --danger: #FF4E3E;
    --danger_shade: #FFEDEC;
    --white: #fff;
}

$dark: #000;
$primary-color: #D46454;
$secondary-color: #5CB49B;
$info-color: #7047EB;
$tertiary-color: #4582ff;
$quinary-color: #01bda6;
$senary-color: #80376B;
$tertiary-light-color: #00B7FF;

$white-color: #fff;
$black-color: #161851;
$title-color: $black-color;
$body-color: #686f7a;
$border-color: #ECECEC;
$border-color2: #C4C4C4;
$gray-color: #5E687C;
$text-color : $gray-color;

// bg color
$bg-1: #f4f4f4;
$bg-2: #FDF7E9;
$bg-3: #F6D693;
$bg-5:#F1FBFC;

$bg-lighten: $bg-2;

// border radius
$border-radius-sm: 5px;
$border-radius-md: 10px;
$border-radius-lg: 30px;