// Color Variables

// primary colors
$spb-purple: #48485E;
$spb-green: #00C09D;
$hot-pink: #EF2964;

// secondary colors
$link-blue: #2D87B1;
$dark-blue: #004463;
$certificate-green: #2CA893;

// gray scale colors
$medium-gray-1: #7D7F89;
$light-gray-1: #EFEFF6;
$gray-2: #9D9D9D;
$purplish-gray: #A4A4AF;

$primary-purple: #48485e;
$primary-green: #00c09d;
$primary-pink: #ef2964;

$secondary-blue: #2d87b1;
$secondary-darkblue: #004463;
$secondary-green: #2ca893;

$gray-medium-1: #7d7f89;
$gray-normal-1: #b3b3b3;
$gray-light: #efeff6;

$gray-medium-2: #8b8b8b;
$gray-normal-2: #9d9d9d;
$gray-purplish: #a4a4af;
$grey-text: #a4a4a4;

$red: #D0021B;
$error-color: $red;

// Input
$input-label: #444;
$input-required-icon: #1abc9c;
$input-font: #393c3d;
$input-border: #d3d5d5;

// Radio Slider
$slider-border: #c5c5c7;
$slider-box-shadow-color: #3c6d59;
$slider-thumb-border: #BC1F4E;
$slider-hover-color: #e6e6f1;

// Tabs
$tab-container-border: $gray-normal-1;
$tab-background: #219bc8;
$tab-list-border: #eef;
$tab-color: #333;
$tab-hover: #e4e4e4;

// Transitions
$default-transition: all 0.3s ease-out;

// Links
$basic-anchor-color: #2D87B0;
$visited-anchor-color: #23769b;
$hover-anchor-color: #23527c;

// Transitions
$default-transition: all 0.3s ease-out;

// Button
$primary-hover: #00ab8c;
$primary-border-hover: #259682;
$secondary-button: #777;
$secondary-button-hover: #666;
$ghost-button: #484860;
$ghost-button-hover: #e3e3f2;
$ghost-button-inverted: #e5e5ef;
$button-green-border: #b1e6dc;
$button-grey-border: #d7d7f2;
$mark-complete-background: #c6efe7;
$mark-complete-hover: #e7e7f4;
$mark-complete-border: #c9c9e6;