/* Typography */
$font-family-sans-serif: 'Poppins',
sans-serif;
$font-weight-bolder: 600;


/* Colors */
$white: #fff;
$gray-100: #f8f9fa;
$gray-200: #e9ecef;
$gray-300: #dee2e6;
$gray-400: #ced4da;
$gray-500: #adb5bd;
$gray-600: #6c757d;
$gray-700: #495057;
$gray-800: #343a40;
$gray-900: #212529;
$black: #000;

$border-color: $gray-300 !default;

$body-bg: $gray-100;
$body-color: $gray-700;

$blue: #2588e1;
$green: #129D6F;
$red: #dc3545;
$yellow: #e6ae06;




$primary: $blue;
$secondary: $gray-600;
$success: $green;
/* $info: $cyan; */
$warning: $yellow;
$danger: $red;
$light: $gray-100;
$dark: $gray-800;


$primary-light: rgba($primary, 0.12);
$primary-lightest: rgba($primary, 0.09);

$secondary-light: rgba($secondary, 0.12);
$secondary-lightest: rgba($secondary, 0.09);

$warning-light: rgba($warning, 0.12);
$warning-lightest: rgba($warning, 0.09);

$danger-light: rgba($danger, 0.12);
$danger-lightest: rgba($danger, 0.09);

$success-light: rgba($success, 0.12);
$success-lightest: rgba($success, 0.09);








$border-radius: .25rem;
$border-radius-lg: .3rem;
$border-radius-sm: .2rem;
$border-radius-xl: .5rem;