@import "~bootstrap/scss/functions";
@import "~bootstrap/scss/variables";
@import "~bootstrap/scss/mixins";

/* https://coolors.co/fc8607-8d99ae-edf2f4-29262c-1f1c21 */

$color-primary: #fc8607;
$color-background: #191919;
$color-background-2: darken($color-background, 5%);
$font-color-background: white;

$body-bg: $color-background !default;
$body-color: white;

$navbar-width: 15rem;

$theme-colors: (
        "primary": $color-primary,
        "secondary": #6c757d,
        "success": #28a745,
        "danger": #dc3545,
        "warning": #ffc107,
        "info": #17a2b8,
        "light": #f8f9fa,
        "dark": $color-background-2
);
//$theme-colors-rgb: map-loop($theme-colors, to-rgb, "$value");
//$utilities-colors: map-merge($utilities-colors, $theme-colors-rgb);
//$utilities-text-colors: map-loop($utilities-colors, rgba-css-var, "$key", "text");
//$utilities-bg-colors: map-loop($utilities-colors, rgba-css-var, "$key", "bg");

@import "~bootstrap/scss/bootstrap";