//Add your own variables here!
/*
 * Add your own variables here
 *
 * Think about breakpoints (that effect multiple components, default settings for transients, border-radius or box-shadows
 */

// Animations and transitions
$transition-default-speed: 100ms;
$transition-default-ease: ease-in-out;
$transition-default: $transition-default-speed $transition-default-ease;


// Shadows
$shadow-1:              0px 4px 4px rgba(0, 0, 0, 0.25), 0px 1px 2px rgba(23, 27, 30, 0.25);
$shadow-2:              0px 2px 4px rgba(23, 27, 30, 0.15);
$shadow-3:              0px 4px 12px rgba(186, 199, 213, 0.5);



// Default block spacing
$base-margin-bottom: 3rem;
$base-margin-bottom-md: 12.5rem;

$border-radius: 0.5rem;