@import "components";

// Body
//
// Settings for the `<body>` element.

$body-bg: $white !default;
$body-copy: $body-copy !default;

// Paragraphs
//
// Style p element.

$paragraph-margin-bottom: 1rem !default;

// Links
//
// Style anchor elements.

$link-color: $primary !default;
$link-decoration: none !default;
$link-inline-decoration: underline !default;
$link-hover-color: darken($link-color, 15%) !default;
$link-hover-decoration: underline !default;

// Z-index master list
//
// 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: 1000 !default;
$zindex-sticky: 1020 !default;
$zindex-fixed: 1030 !default;
$zindex-modal-backdrop: 1040 !default;
$zindex-modal: 1050 !default;
$zindex-datepicker: 1050 !default;
$zindex-popover: 1060 !default;
$zindex-tooltip: 1070 !default;

// Pagination

$pagination-padding-y: 0.5rem !default;
$pagination-padding-x: 0.75rem !default;
$pagination-padding-y-sm: 0.25rem !default;
$pagination-padding-x-sm: 0.5rem !default;
$pagination-padding-y-lg: 0.75rem !default;
$pagination-padding-x-lg: 1.5rem !default;
$pagination-line-height: 1.25 !default;

$pagination-color: $link-color !default;
$pagination-bg: $white !default;
$pagination-border-width: $border-width !default;
$pagination-border-color: $gray-30 !default;

//$pagination-focus-box-shadow: $btn-focus-box-shadow !default;

$pagination-hover-color: $link-hover-color !default;
$pagination-hover-bg: $gray-30 !default;
$pagination-hover-border-color: $border-color !default;

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

$pagination-disabled-color: $gray-30 !default;
$pagination-disabled-bg: $white !default;
$pagination-disabled-border-color: #ddd !default;

// Helper Classes Vars

$footer-height: 3.5rem !default;
$footer-height-mb: 6rem !default;

/**
*  Header Variables
*/
$header-height: 5rem;
$header-height-mb: 3.5rem;

$ui-offset: $header-height + $footer-height !default;
$ui-offset-mb: $header-height-mb + $footer-height-mb !default;

// Z-Index that may interact with each other
$panel-container-index: 3000;
$header-index: 3010;
$panel-overlay-index: 3015;
$panel-index: 3020;
$mobile-subheader-index: 3000;
$modal-overlay-index: 3040;
$modal-index: 3050;
$tooltip-index: 3060;
$datepicker-index: 9999;
