// https://stackoverflow.com/questions/38792005/how-to-change-the-bootstrap-primary-color
// required to get $green variable
@import "../node_modules/bootstrap/scss/functions";
@import "../node_modules/bootstrap/scss/variables";
@import "../node_modules/bootstrap/scss/variables-dark";

$tornado-green:   #94febf !default;
$tornado-black:   #000403 !default;

$primary: $tornado-green; // set the $primary variable
$success: $tornado-green;
$component-active-bg: $tornado-green;

$nav-link-color: $tornado-green;
$nav-link-hover-color: $white;

$nav-pills-link-active-bg: $tornado-green;
$nav-pills-link-active-color: $tornado-black;

$card-border-color: $tornado-green;

// merge with existing $theme-colors map
$theme-colors: map-merge($theme-colors, (
  "primary": $primary,
  "success": $success
));

// set changes
@import "../node_modules/bootstrap/scss/bootstrap";