@import "custom-variables-color-palette";

// -------------------------
// ----- COLORS ----
// -------------------------
//Theme Colors
$theme-colors: (
    "primary":   $blue-500,
    "secondary": $gray-200,
    "success":   $green-600,
    "danger":    $red-600,
    "warning":   $yellow-500,
    "info":      $blue-500,
    "dark":      $gray-800,
    "light":     $gray-100
);

$light: $gray-100;
$black: #000;
$white: #FFF;
$default-border-color: $gray-300;


// -------------------------
// ----- TYPOGRAPHY ----
// -------------------------
$font-size-base:    1rem !default;
$h1-font-size:      $font-size-base * 2.2 !default;
$h2-font-size:      $font-size-base * 1.76!default;
$h3-font-size:      $font-size-base * 1.54 !default;
$h4-font-size:      $font-size-base * 1.32 !default;
$h5-font-size:      $font-size-base * 1.1 !default;
$h6-font-size:      $font-size-base !default;
$small-font-size:   .875rem !default;

// -------------------------
// ----- CONTAINERS ----
// -------------------------
// Container width sizes
$max-container-width-sm: 540px;
$max-container-width-md: 720px;
$max-container-width-lg: 960px;
$max-container-width-xl: 1300px;

// Grid containers
//
// Define the maximum width of `.container` for different screen sizes.
$container-max-widths: (
  sm: $max-container-width-sm,
  md: $max-container-width-md,
  lg: $max-container-width-lg,
  xl: $max-container-width-xl
);

// -------------------------
// ----- TYPOGRAPHY ----
// -------------------------
// Weight of normal font weight
$font-weight-normal: 400;

//base font size
$font-size-base: 1rem;

//base text color
$body-color: $gray-900;

// -------------------------
// ----- LINK ----
// -------------------------
// link hover styling
$link-hover-decoration: none;

// -------------------------
// ----- BUTTON ----
// -------------------------
$btn-link-color: $gray-800;

// -------------------------
// ----- FORMS ----
// -------------------------
// input box shadow
$input-box-shadow: none;

// select box padding
$input-padding-select-y: 0.175rem;
$input-padding-select-x: 0.35rem;

//form check
$form-check-input-margin-y: 0.325rem;
$form-check-inline-input-margin-y: 0.025rem;

$input-placeholder-color: $gray-600;
$input-focus-border-color: $blue-200;

$input-border-color-active: $blue-600;

$form-text-margin-top: 0.25rem;
$form-text-margin-bottom: $form-text-margin-top;

//disable validation icons
$enable-validation-icons: false;
// -------------------------
// ----- MENU ----
// -------------------------
// mobile menu border color
$mobile-menu-border-color: $gray-200;

// application icon border radius
$application-icon-border-radius: .6rem;

// -------------------------
// ----- TOOLTIP / POPOVER -
// -------------------------
// tooltip background
$tooltip-bg: $gray-800;
$tooltip-opacity: 1;

// -------------------------
// ----- DROPDOWN ----
// -------------------------
// Dropdown menu container and contents
$dropdown-border-color: $gray-200;
$dropdown-box-shadow: 0 3px 20px 0 rgba(0, 0, 0, 0.07);

$dropdown-padding-x: .4rem;

$dropdown-min-width: 14rem;

$dropdown-item-padding-x: .8rem;
$dropdown-item-border-radius: .26rem;
$dropdown-link-hover-bg: $gray-200;

$dropdown-link-active-color: darken($gray-900, 5%);
$dropdown-link-active-bg: $gray-300;

// -------------------------
// ----- BREADCRUMB----
// -------------------------
// Breadcrumb container and contents
$breadcrumb-font-size: 1rem;
$breadcrumb-padding-y: .4rem;
$breadcrumb-item-padding: .3rem;

$breadcrumb-color: $gray-700;
$breadcrumb-active-color: $gray-900;

$breadcrumb-bg: transparent;

$breadcrumb-divider: quote("");
$breadcrumb-divider-color: $breadcrumb-color;

// -------------------------
// ----- BADGE ------------
// -------------------------
// badge custom styling
$badge-font-weight: $font-weight-normal;

// -------------------------
// ----- NAV ------------
// -------------------------
// nav custom styling
$nav-pill-item-padding-x: .26rem;
$nav-pill-item-padding-y: .26rem;

$nav-link-padding-y: .5rem;
$nav-link-padding-x: 1rem;

$nav-title-color: $gray-500;
$nav-title-padding-x: $nav-link-padding-x;
$nav-title-padding-y: $nav-link-padding-y;
$nav-title-icon-color: $gray-600;

$nav-tabs-link-active-bg: var(--theme-primary-color, $blue-500);
$nav-tabs-link-active-border-color: var(--theme-primary-color, $blue-500);

$nav-pills-link-active-bg: var(--theme-primary-color, $blue-500);
$nav-pills-link-active-color: var(--theme-primary-color-contrast, #FFFFFF);

$navbar-light-color: $gray-700;

// -------------------------
// ----- ALERT -------------
// -------------------------
// Alert custom styling
$alert-border-width: 0;

// -------------------------
// ----- PAGINATION --------
// -------------------------
// Pagination custom styling
$pagination-border-width: 0;

$pagination-color: $gray-700;
$pagination-hover-color: $gray-700;

$pagination-padding-y: .4rem;
$pagination-padding-x: .85rem;

$pagination-active-bg: var(--theme-link-color, $blue-500);
$pagination-active-border-color: var(--theme-link-color, $blue-500);


// -------------------------
// ----- MODALS --------
// -------------------------
// Modal custom styling
$modal-content-border-radius: var(--theme-rounded-corners, .4rem);

// -------------------------
// ----- ALERT --------
// -------------------------
// Alert custom styling
$alert-padding-y: .4rem;
$alert-padding-x: .8rem;
$alert-border-radius: var(--theme-rounded-corners, .4rem);

// ----------------------------------
// ----- MAIN CONTENT WRAPPER -------
// ----------------------------------
// Main content wrapper custom styling
$main-content-border-radius: var(--theme-rounded-corners, .4rem);

// -------------------------
// ----- TABLE -------------
// -------------------------
// Table custom styling
$table-head-cell-padding-y: 0.65rem;

$table-accent-bg: $gray-100;
$table-hover-bg: $gray-200;

// -------------------------
// ----- CARD --------------
// -------------------------
// Card custom styling
$card-cap-bg: $gray-100;
$card-border-color: $default-border-color;
$card-spacer-x: 15px;

// Progress bar styling
$progress-height: .9rem;

// -------------------------
// ----- LIST GROUP --------
// -------------------------
$list-group-border-color: $default-border-color;

// -------------------------
// ----- POPOVERS --------
// -------------------------
$popover-border-color: $default-border-color;

