$white: #FFFFFF !default;
$gray-100: #F5F5F7 !default;
$gray-200: darken($gray-100, 4%) !default;
$gray-300: darken($gray-200, 5%) !default;
$gray-400: darken($gray-300, 10%) !default;
$gray-500: darken($gray-400, 12%) !default;
$gray-600: darken($gray-500, 15%) !default;
$gray-700: darken($gray-600, 15%) !default;
$gray-800: darken($gray-700, 15%) !default;
$gray-900: darken($gray-800, 15%) !default;
$black: #000329 !default;
//
// Colors
//
$orange: #FF4900 !default;
$primary: $orange !default;
$secondary: $gray-700 !default;
$success: #28A745 !default;
$info: #5A67D8 !default;
$warning: #FD7E14 !default;
$danger: #DC3545 !default;
$light: $gray-200 !default;
$dark: $gray-900 !default;

$theme-colors: () !default;
$theme-colors: map-merge((
        "primary": $primary,
        "default": $light,
        "secondary": $secondary,
        "success": $success,
        "info": $info,
        "warning": $warning,
        "danger": $danger,
        "light": $light,
        "dark": $dark,
        "orange": $orange
), $theme-colors);
//
// Options
//
$enable-shadows: true !default;
$enable-negative-margins: true !default;
$icon-font-path: '../fonts/';
$fa-font-path: $icon-font-path+'FontAwesome';
// Body
//
$body-bg: $white !default;
$body-color: $gray-800 !default;

$link-hover-decoration: none !default;
//
// Typography
//
$line-height-base: 1.5 !default;
$text-muted: $gray-600 !default;
$h5-font-size: 15px !default;

$label-padding-y: .5rem !default;
$label-padding-x: .75rem !default;
//
// Fonts
//
$font-family-sans-serif: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI Emoji", "Helvetica Neue", Arial, sans-serif !default;
$font-family-monospace: -apple-system, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace !default;

$font-weight-semibold: 500 !default;
$font-weight-bold: 600 !default;
$font-size-xs: 0.8125rem !default;
$font-size-base: 0.875rem !default;
$font-size-lg: $font-size-base * 1.25 !default;
$font-size-sm: $font-size-base * .875 !default;
//
// Tables
//
$table-cell-padding: .45rem !default;
$table-cell-padding-sm: .1rem !default;
$table-head-bg: $gray-200 !default;
$table-accent-bg: $gray-200 !default;
$table-border-color: $gray-200 !default;
$table-hover-bg: $gray-200 !default;
//
// Buttons + Forms
//
// Shared variables that are reassigned to `$input-` and `$btn-` specific variables.
$input-spacer: 6px !default;
$input-font-size: $font-size-base !default;
$input-line-height: 1.8 !default;
//
// Buttons
//
$btn-border-radius: 3px !default;
$btn-font-weight: 600 !default;
$btn-action-padding: 4px 8px !default;
$btn-spacer: 10px !default;
$btn-border-bottom-width: 2px !default;
$btn-hover-border-bottom-width: 1px !default;
$btn-active-box-shadow: none !default;
//
// Forms
//
$input-bg: $white !default;
$input-disabled-bg: $gray-200 !default;
$input-color: $dark !default;
$input-border-color: $gray-300 !default;
$input-border-radius: 3px !default;
$input-box-shadow: none !default;
$custom-control-indicator-size: 1.5rem !default;
$input-disabled-bg: $gray-200 !default;
$input-height-border: 3px !default;
$form-check-input-width: 1.25em;
$form-fields-padding: 1.25rem .725rem !default;
$form-fields-padding-x: 20px !default;
$form-nav-padding: 0.25rem !default;
$form-nav-link-padding-y: .375rem !default;
$form-nav-link-padding-x: 1rem !default;
$form-label-font-size: 0.825rem !default;
$custom-control-indicator-border-color: $gray-200 !default;
$custom-control-indicator-disabled-bg: $gray-300 !default;

// Navs
//
$nav-tabs-border-radius: .625rem !default;
$nav-link-font-size: $input-font-size !default;
$nav-link-color: lighten($dark, 25%) !default;
$nav-link-hover-color: $body-color !default;

// Cards
$card-border-color: $gray-300 !default;
$card-cap-bg: $gray-300 !default;
$card-spacer-y: .625rem !default;
$card-spacer-x: 0.9375rem !default;

// Accordion
$accordion-button-active-bg: transparent !default;
$accordion-button-active-color: inherit !default;

// Dropdowns
$dropdown-padding-x: .5rem !default;
$dropdown-border-color: rgba($black, .15) !default;
$dropdown-divider-bg: $gray-200 !default;

$dropdown-link-color: $gray-900 !default;
$dropdown-link-hover-bg: $gray-100 !default;

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

$dropdown-link-active-color: $primary !default;
$dropdown-link-active-bg: transparent !default;
$dropdown-header-color: $gray-600 !default;

// Alert
$alert-bg-scale: -20% !default;
$alert-border-scale: -20% !default;
$alert-color-scale: 80% !default;
// List group
$list-group-hover-bg: $gray-200 !default;
$list-group-action-color: $body-color !default;
$list-group-border-color: $input-border-color !default;

// Modals
$modal-header-border-color: $gray-300 !default;
$modal-header-border-width: 0 !default;
$modal-footer-border-width: 0 !default;
$modal-xl: 1140px !default;
$modal-lg: 800px !default;
$modal-md: 600px !default;
$modal-sm: 400px !default;
$modal-backdrop-opacity: .7 !default;

// Badges
$badge-color: inherit !default;
//
// Page
//
$page-padding-x: 15px !default;
$page-padding-y: 25px !default;
$page-top: 0 !default;
$page-bottom: 0 !default;
$page-margin-left: 230px !default;
$logo-font-size: 3rem !default;
$logo-line-height: 32px !default;
//
// Main menu
//
$mainmenu-dropdown-width: 300px !default;
$mainmenu-menu-max-height: 60vh !default;
$mainmenu-padding-x: 0.35rem !default;
$mainmenu-padding-y: 1rem !default;
//
// Side nav
//
$sidenav-bg: lighten($body-bg, 6%) !default;
$sidenav-hover-bg: $dropdown-link-hover-bg !default;
$sidenav-icon-color: lighten($dark, 50%) !default;
$sidenav-font-size: 15px !default;
$sidenav-submenu-font-size: $font-size-base !default;
$sidenav-line-height: 42px !default;
$sidenav-padding-x: 0 !default;
$sidenav-padding-y: 1rem !default;
$dropdown-item-padding-y: 0.5rem !default;
