//$base-color: #426156;
//$shade1: #728F8D;
//$shade2: #CBD6D5;
//$shade3: #E3E9E8;
//$contrast-color: #7D1224;
//$contrast-shade1: #C14953;
//$text-color: #000000;
//$border-radius: 13px;
//
//$white: #ffffff;
//$light-grey: #f3f3f3;
//$border-color-light: #e1e1e1;
//$dark-text: #2c2c2c;
//$placeholder-bg: #c2c2c2;
//$highlight-color: #fff318;
//$shadow: 3px 7px 26px -5px rgba(0, 0, 0, 0.15);
//$overlay: rgba(63, 63, 63, 0.82);
$base-color: var(--base-color);
$shade1: var(--shade1);
$shade2: var(--shade2);
$shade3: var(--shade3);
$contrast-color: var(--contrast-color);
$contrast-shade1: var(--contrast-shade1);
$text-color: #000000;
$border-radius: var(--border-radius);

$white: #ffffff;
$light-grey: #f3f3f3;
$border-color-light: #e1e1e1;
$dark-text: #2c2c2c;
$placeholder-bg: #c2c2c2;
$highlight-color: #fff318;
$shadow: 3px 7px 26px -5px rgba(0, 0, 0, 0.15);
$overlay: rgba(63, 63, 63, 0.82);