// 1. Include functions first (so you can manipulate colors, SVGs, calc, etc)
@import "../node_modules/bootstrap/scss/functions";

//remove shadows
$box-shadow: none;
$focus-box-shadow: none;
$box-shadow-sm: none;
$box-shadow-lg: none;
$box-shadow-inset: none;
$input-btn-focus-box-shadow: none;
$btn-box-shadow: none;
$btn-active-box-shadow: none;
$btn-close-focus-shadow: none;
$form-select-focus-box-shadow: none;
$form-range-thumb-box-shadow: none;
$form-range-thumb-focus-box-shadow: none;
$form-check-input-focus-box-shadow: none;
$btn-focus-width: 0;

//no hover for buttons
$btn-hover-bg-shade-amount:       0% !default;
$btn-hover-bg-tint-amount:        0% !default;
$btn-hover-border-shade-amount:   0% !default;
$btn-hover-border-tint-amount:    0% !default;

//disable form feedback icons
$form-feedback-icon-valid: "";
$form-feedback-icon-invalid: "";

//colors
$green: #28a745;
$gray-100: #f8f9fa;
$gray-200: #e9ecef;
$gray-400: #ced4da;
$gray-600: #6c757d;
$gray-800: #343a40;
$gray-900: #212529;
$primary: $green;
$dark: $gray-800;

//body
$body-bg: $gray-100;
$body-bg-dark: $gray-800;
$body-color: $gray-900;
$body-color-dark: $gray-100;

//transparent cards
$card-bg: transparent;
$card-border-width: 0;
$card-border-color: transparent;

$card-cap-bg: rgba(248, 249, 250, .1);

//table
$table-caption-color: $body-color;
$table-bg: transparent;
$table-hover-bg: $gray-400;

//links
$link-decoration: none;
$link-color: $body-color;
$link-color-dark: $body-color-dark;

//other adjustments
$popover-max-width: none;
$breadcrumb-bg: $gray-200;

//toasts
$toast-header-border-color: none;

//alerts for dark theme
$danger-bg-subtle-dark: #f8d7da;
$danger-border-subtle-dark: #f1aeb5;
$danger-text-dark: #b02a37;
$danger-text-emphasis-dark: #b02a37;
$warning-bg-subtle-dark: #fff3cd;
$warning-border-subtle-dark: #ffe69c;
$warning-text-dark: #997404;
$warning-text-emphasis-dark: #664d03;
$success-bg-subtle-dark: #d4edda;
$success-border-subtle-dark: #a9dcb5;
$success-text-dark: #208637;
$success-text-emphasis-dark: #208637;

// 3. Include remainder of required Bootstrap stylesheets
@import "../node_modules/bootstrap/scss/variables";
@import "../node_modules/bootstrap/scss/variables-dark";

$form-validation-states: (
  "valid": (
    "color": var(--#{$prefix}form-valid-color),
    "icon": none,
    "tooltip-color": #fff,
    "tooltip-bg-color": var(--#{$prefix}success),
    "focus-box-shadow": $focus-box-shadow,
    "border-color": var(--#{$prefix}form-valid-border-color),
  ),
  "invalid": (
    "color": var(--#{$prefix}form-invalid-color),
    "icon": none,
    "tooltip-color": #fff,
    "tooltip-bg-color": var(--#{$prefix}danger),
    "focus-box-shadow": $focus-box-shadow,
    "border-color": var(--#{$prefix}form-invalid-border-color),
  )
);

$colors: (
  "red":        $red,
  "orange":     $orange,
  "yellow":     $yellow,
  "green":      $green,
  "black":      $black,
  "white":      $white,
  "gray":       $gray-600,
  "gray-dark":  $gray-800
);

$theme-colors: map-remove($theme-colors, "primary", "info");

@import "../node_modules/bootstrap/scss/maps";
@import "../node_modules/bootstrap/scss/mixins";
@import "../node_modules/bootstrap/scss/utilities";

// 4. Include any optional Bootstrap CSS as needed
@import "../node_modules/bootstrap/scss/root";
@import "../node_modules/bootstrap/scss/reboot";
@import "../node_modules/bootstrap/scss/type";
@import "../node_modules/bootstrap/scss/images";
@import "../node_modules/bootstrap/scss/containers";
@import "../node_modules/bootstrap/scss/grid";
@import "../node_modules/bootstrap/scss/tables";
@import "../node_modules/bootstrap/scss/forms";
@import "../node_modules/bootstrap/scss/buttons";
@import "../node_modules/bootstrap/scss/transitions";
@import "../node_modules/bootstrap/scss/dropdown";
@import "../node_modules/bootstrap/scss/button-group";
@import "../node_modules/bootstrap/scss/nav";
@import "../node_modules/bootstrap/scss/navbar";
@import "../node_modules/bootstrap/scss/card";
//@import "../node_modules/bootstrap/scss/accordion";
@import "../node_modules/bootstrap/scss/breadcrumb";
@import "../node_modules/bootstrap/scss/pagination";
@import "../node_modules/bootstrap/scss/badge";
@import "../node_modules/bootstrap/scss/alert";
@import "../node_modules/bootstrap/scss/progress";
@import "../node_modules/bootstrap/scss/list-group";
@import "../node_modules/bootstrap/scss/close";
@import "../node_modules/bootstrap/scss/toasts";
@import "../node_modules/bootstrap/scss/modal";
//@import "../node_modules/bootstrap/scss/tooltip";
@import "../node_modules/bootstrap/scss/popover";
@import "../node_modules/bootstrap/scss/carousel";
@import "../node_modules/bootstrap/scss/spinners";
@import "../node_modules/bootstrap/scss/offcanvas";
//@import "../node_modules/bootstrap/scss/placeholders";
@import "../node_modules/bootstrap/scss/helpers";

// 5. Optionally include utilities API last to generate classes based on the Sass map in `_utilities.scss`
@import "../node_modules/bootstrap/scss/utilities/api";

// 6. Add additional custom code here
