// ==================================================
// Bootstrap colors
// ==================================================

// ==================================================
// General
// ==================================================

// Spacing

$spacer: 15px;

// ==================================================
// Fonts
// ==================================================

// Default font

$font-family-sans-serif: 'Roboto', sans-serif;

// Headings

$headings-color: map-get($grays, 900);

$font-size-h1: 2rem;
$font-size-h2: 1.8rem;
$font-size-h3: 1.6rem;
$font-size-h4: 1.2rem;
$font-size-h5: 1rem;
$font-size-h6: 1rem;

$headings-margin-bottom: $spacer * 1.5;

$headings-font-weight: 200;

// ==================================================
// Grid
// ==================================================

$grid-breakpoints: (
    xs: 0,
    sm: 576px,
    md: 768px,
    lg: 992px,
    xl: 1200px,
    xxl: 1600px,
    xxxl: 2200px
);

$grid-gutter-width-base: 10px;

// ==================================================
// Navs
// ==================================================

$nav-link-padding-horizontal: 15px; // Custom
$nav-link-padding-vertical: 8px; // Custom

$nav-link-padding: $nav-link-padding-vertical $nav-link-padding-horizontal;

// Tabs

$nav-tab-active-background-color: $white; // Custom

$nav-tabs-border-radius: 0.25rem;
$nav-tabs-border-width: 1px;
$nav-tabs-active-link-hover-color: theme-color(primary);

// ==================================================
// Forms
// ==================================================

$input-border-radius: 0.25rem;
$input-border-color: map-get($grays, 600);
$input-btn-border-width: 1px;

// Input Groups

$input-group-addon-border-color: map-get($grays, 600);
$input-group-addon-bg: transparent;

// Check / Radio

$form-check-input-margin-y: .2rem;

// ==================================================
// Tables
// ==================================================

$table-head-bg:         transparent;
$table-head-color:      theme-color(primary);

$table-inverse-color:   $white;
$table-inverse-bg:      theme-color(primary);

// BG for the striped effect
$table-bg-accent: map-get($grays, 100);;

// ==================================================
// Pagination
// ==================================================

$pagination-border-width: 0;
$pagination-color: color('gray');
$pagination-hover-color: theme-color(primary);
$pagination-active-color: theme-color(primary);
$pagination-hover-bg: transparent;
$pagination-active-bg: transparent;

$pagination-line-height: 1.5;

// ==================================================
// Z-Index
// ==================================================

// Warning: Avoid customizing these values. They're used for a bird's eye view
// of components dependent on the z-axis and are designed to all work together.

$zindex-dropdown:           z-index(dropdown);
$zindex-sticky:             1020 !default;
$zindex-fixed:              1030 !default;
$zindex-modal-backdrop:     1040 !default; // We don't use that?
$zindex-modal:              z-index(modal);
$zindex-popover:            z-index(popover);
$zindex-tooltip:            z-index(tooltip);


// Components
//
// Define common padding and border radius sizes and more.

$component-active-color: $black;
$component-active-bg:    rgba(0, 0, 0, .1);

$line-height-lg:         1.5 !default;
$line-height-sm:         1.5 !default;

$border-width: 1px !default;

$border-radius:          .25rem !default;
$border-radius-lg:       .3rem !default;
$border-radius-sm:       .2rem !default;

$component-active-color: $white !default;
$component-active-bg:    theme-color("primary") !default;

$caret-width:            .3em !default;

$transition-base:        all .2s ease-in-out !default;
$transition-fade:        opacity .15s linear !default;
$transition-collapse:    height .35s ease !default;

// Buttons
//
// For each of Bootstrap's buttons, define text, background and border color.

$input-btn-padding-y:       .5rem !default;
$input-btn-padding-x:       .75rem !default;
$input-btn-line-height:     1.25 !default;

$input-btn-padding-y-sm:    .25rem !default;
$input-btn-padding-x-sm:    .5rem !default;
$input-btn-line-height-sm:  1.5 !default;

$input-btn-padding-y-lg:    .5rem !default;
$input-btn-padding-x-lg:    1rem !default;
$input-btn-line-height-lg:  1.5 !default;

// $btn-font-weight:                $font-weight-normal !default;
$btn-box-shadow:                 inset 0 1px 0 rgba($white,.15), 0 1px 1px rgba($black,.075) !default;
$btn-focus-box-shadow:           0 0 0 3px rgba(theme-color("primary"), .25) !default;
$btn-active-box-shadow:          inset 0 3px 5px rgba($black,.125) !default;

$btn-link-disabled-color:        $gray-600 !default;

$btn-block-spacing-y:            .5rem !default;

// Allows for customizing button radius independently from global border radius
$btn-border-radius:              $border-radius !default;
$btn-border-radius-lg:           $border-radius-lg !default;
$btn-border-radius-sm:           $border-radius-sm !default;

$btn-transition:                 all .15s ease-in-out !default;


// Tooltips

$tooltip-box-shadow:            0 0 10px 2px rgba(0,0,0,.4);