// Define our own custom colors
$custom-gray-100: #f8f9fa;
$custom-gray-300: #e9ecef;
$custom-gray-400: #aeaeae;
$custom-gray-500: #878c92;

$custom-blue:   #069;
$custom-green:  #008000;
$custom-yellow: #f0ad4e;
$custom-cyan:   #007a7c;

// Override Bootstrap's default theme colors
$primary:   $custom-green;
$secondary: $custom-blue;
$success:   $custom-green;
$info:      $custom-cyan;
$warning:   $custom-yellow;

$link-color: $custom-blue;


// Add custom-gray theme color
//
// Reference: https://getbootstrap.com/docs/5.3/customize/color-modes/#adding-theme-colors

@import "bootstrap/functions";
@import "bootstrap/variables";
@import "bootstrap/variables-dark";

// Add a custom color to $theme-colors
$custom-colors: (
  "custom-gray": $gray-700
);

$theme-colors: map-merge($theme-colors, $custom-colors);
