$bg: #222b45;
$box-shadow: 0 0.5rem 1rem 0 #1a1f33;
$color: #fff;
$border: #151a30;

$primary: #36f;
$color-primary: #ffffff;
$hover-primary: rgb(83, 125, 248),;
$focus-primary: rgb(53, 104, 255);
$active-primary: rgb(60, 107, 248);

$danger: #ef2e55;
$color-danger: #ffffff;
$hover-danger: #ff708d;
$focus-danger: #db2c66;
$active-danger: #ec4164;

$basic: #ebebeb;
$color-basic: #222b45;
$hover-basic: #f3f3f3;
$focus-basic: #dbd9d9;
$active-basic: #dbd9d9;