@import "bootstrap/scss/functions";
@import "bootstrap/scss/variables";

$theme-colors: (
  "primary": #769FED,
  "secondary": white,
  "danger": rgba(196, 196, 196, .5)
);

$link-color: theme-color("secondary");
$link-hover-color: darken($link-color, 15%);

$component-active-bg: theme-color("secondary");

$h4-font-size: 3rem;
$h5-font-size: 1.5rem;

//Dropdowns
$dropdown-padding-y: 1rem;
$dropdown-link-color: theme-color("secondary");
$dropdown-item-padding-y: .7rem;
$dropdown-item-padding-x: .5rem;



//Navs
$nav-link-padding-y: .2rem;
$navbar-brand-font-size: 30px;
$navbar-light-color: darken((theme-color("secondary")), 2%);
$navbar-light-hover-color: theme-color("secondary");
$navbar-light-active-color: theme-color("secondary");
$navbar-light-toggler-border-color: transparent;

//Modals
$modal-content-border-width: .1rem;

//Forms
$input-btn-padding-y: .2rem;
$input-padding-y: .1rem;
$input-border-width: .1rem;
$input-placeholder-color: theme-color("secondary");

$form-group-margin-bottom: .2rem;


@import "bootstrap/scss/bootstrap";