@import 'theme/variables.scss';

// Constants
$color-white-light: #f3f3f3;
$color-white: $white-2;
$color-white-dark: #f7f7f7;

$color-gray-light: #b7b7b7;
$color-gray: $grey;
$color-gray-dark: $grey-2;

$color-blue-light: #778fbb;
$color-blue: #5673aa;
$settings-blue-dark: $bc1;
$settings-blue-hover: #3551b7;

$font-size11: 11px;
$font-size12: 12px;
$font-size14: 14px;
$font-size18: 18px;
$font-size20: 20px;

$font-regular: 400;
$font-medium: 500;
$font-semibold: 600;
$font-bold: 700;
$font-extrabold: 800;

$border-radius: 3px;

$transition: all 0.3s ease-in-out;