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

// Include remainder of required Bootstrap stylesheets
@import "~bootstrap/scss/variables.scss";
$enable-dark-mode: false;
@import "~bootstrap/scss/mixins.scss";
@import "~bootstrap/scss/maps.scss";
@import "~bootstrap/scss/utilities.scss";

$custom-colors: (
  "white": #fff,
  "black": #1e1e1e
);
$theme-colors: map-merge($theme-colors, $custom-colors);

// Text colors
$all-colors: map-merge-multiple($theme-colors, $custom-colors, $blues, $indigos, $purples, $pinks, $reds, $oranges, $yellows, $greens, $teals, $cyans);
$utilities: map-merge(
    $utilities,
    (
      "color": map-merge(
          map-get($utilities, "color"),
          (
            values: map-merge(
                map-get(map-get($utilities, "color"), "values"),
                  (
                    $all-colors
                  ),
            ),
          ),
      ),
    )
);
//@import "~bootstrap/scss/utilities/api"; // створює дублікати класів, які вже є в bootstrap
