/* ==========================================================================
   COLORS SETTINGS
   ========================================================================== */

/**
 * The global colors file contains any project-wide color variables. Please
 * maintain this file as short as possible, trying to avoid variables for
 * similar colors.
 *
 *
 *
 * To add or modify the $global-colors map you can use native map-merge method
 * in your custom _settings.colors.scss file:
 *
 * $custom-colors: (
 *  "branding-primary": hsl(164, 100%, 88%)
 * );
 * $global-colors: map-merge($global-colors, $custom-colors);
 *
 * or, in a one-liner:
 * $global-colors: map-merge($global-colors, 
                            ("branding-primary": hsl(164, 100%, 88%)));
 *
 *
 * Since we don't have color variables but color maps, you need to use the
 * `map-get` Sass function if you want to use a specific color:
 *
 * .c-some-component {
 *   border-color: map-get($global-colors, "branding-primary");
 * }
 *
 * Please notices that _utilities.colors.scss generates some handy helper
 * classes to manage text and background colors.
 */

$global-colors: (
  "branding-primary": hsl(72, 54%, 52%),

  "notify-success": hsl(122, 39%, 49%),
  "notify-info": hsl(199, 92%, 56%),
  "notify-warning": hsl(36, 100%, 50%),
  "notify-danger": hsl(4, 90%, 58%),
);