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

$font-family-base: 'Rubik', sans-serif;

$theme-colors: (
  "primary": #769FED,
  "secondary": white,
  "irinotes-form": rgba(196, 196, 196, .5),
  "irinotes-time": #C4C4C4,
  "irinotes-headers": transparent,
//   "info": #F95B5B,
);

$line-height-base: 1.3;
$font-weight-normal: 500;
$spacer: .5rem;

$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";

.text-irinotes-time {
    font-family: 'Roboto Mono', monospace;
    font-weight: 400;
}